Hello,
I'm creating an HTML form for a client, but I want to use the onChange event, with CSS DIVs, to hide and show different questions. For instance, I would like to use radio buttons for a series of question, the user picks an answer and then, based on that answer, another set of questions appear. Any recommendations on how to do that?
Thanks

Chris here's some code from a dummy page I made awhile back. Ignore the code for the rows and table cells. They're not necessary, but it's how I had set up the code I'm grabbing and I'm too lazy now to restyle it here.

Here's the html. Basically I added an onclick event to each of the the radio buttons. All the divs are set to display: none in the stylesheet and the javascript function I call turns them on and off.

When the form is first loaded you see the radio buttons and no other questions associated with each choice. As soon as you select one of the radio options a series of checkboxes gets displayed below the radio buttons. Switching the radio buttons switches the questions displayed.

<tr>
  <td class="border" colspan="2">Ask your question here</td>
 </tr>
 <tr>
  <td colspan="2">
   <input type="radio" id="option-1" name="questions" onclick="toggleQuestions(event)">radio option 1
   <input type="radio" id="option-2" name="questions" onclick="toggleQuestions(event)">radio option 2
   <input type="radio" id="option-3" name="questions" onclick="toggleQuestions(event)">radio option 3
  </td>
 </tr>
 <tr>
  <td></td>
  <td>
   <div id="questions">Question Set 1</div>
   <div id="group-1">
    <input type="checkbox" name="q1-1">question 1-1<br />
    <input type="checkbox" name="q1-2">question 1-2<br />
    <input type="checkbox" name="q1-3">question 1-3<br />
    <input type="checkbox" name="q1-4">question 1-4<br />
    <input type="checkbox" name="q1-5">question 1-5
   </div>
   <div id="group-2">
    <input type="checkbox" name="q2-1">question 2-1<br />
    <input type="checkbox" name="q2-2">question 2-2<br />
    <input type="checkbox" name="q2-3">question 2-3<br />
    <input type="checkbox" name="q2-4">question 2-4<br />
    <input type="checkbox" name="q2-5">question 2-5
   </div>
   <div id="group-3">
    <input type="checkbox" name="q3-1">question 3-1<br />
    <input type="checkbox" name="q3-2">question 3-2<br />
    <input type="checkbox" name="q3-3">question 3-3<br />
    <input type="checkbox" name="q3-4">question 3-4<br />
    <input type="checkbox" name="q3-5">question 3-5
   </div>
  </td>
 </tr>

and here's the javascript function that gets called

function toggleQuestions(evt){
   evt = (evt) ? evt : event;
   var target = (evt.target) ? evt.target : evt.srcElement;
   var group1 = document.getElementById("group-1");
   var group2 = document.getElementById("group-2");
   var group3 = document.getElementById("group-3");
   var questions = document.getElementById("questions");
   songs.style.display = "block";

   switch(target.id){
      case "group1":
         group1.style.display = "block";
         group2.style.display = "none";
         group3.style.display = "none";
         break;
      case "group2":
         group1.style.display = "none";
         group2.style.display = "block";
         group3.style.display = "none";
         break;
      case "group3":
         group1.style.display = "none";
         group2.style.display = "none";
         group3.style.display = "block";
         break;
   }
}

The set up may not be exactly what you're looking for, but it should be close enough to get you going. I hope it helps.

Awesome, thank you so much. I'll give this a whirl right now.

Glad to help. I hope it works, but if not feel free to come back and ask some questions.