title: Javascript Radio Buttons Functionality bug
body: <p>I'm try to do a couple things with some radio buttons from my form, and I'm having a lot trouble.
  there are two radio buttons right now, that work together. I want to have 3 scenarios for my form.</p>
  
  <ol>
  <li>neither of the radio buttons are checked, Hide or disable 2 other elements. (text box and dropdown list)</li>
  <li>The first radio button is checked, hide or disable 1 element.</li>
  <li>The second radio button is checked, hide or disable 1 element.</li>
  </ol>
  
  <p>in all 3 scenarios I need my form to return values from the user, whether its nothing, or the radio button check and the element that is available with that radio button. Also please keep in mind the form will contain other radio buttons later on that will be separate from these. I would also Like to mention I want to keep this in plain JavaScript if possible.</p>
  
  <p>Currently I'm trying to use .disable and .checked, with not luck. Could anyone please help me figure this out. Please include a explanation of your answer if possible so I can understand it.</p>
  
  <p>Here is my forms code :</p>
  
  <pre><code>&lt;input type="radio" name="clubMember" id="member" value="Member" /&gt;Club Member 
  &lt;input type="radio" name="clubMember" id="nonmember"value="nonMember" /&gt;Non Member &lt;br /&gt; &lt;br /&gt;
  
  Select your Club.
  &lt;select name="clubList"&gt;
  &lt;option value="clubA"&gt;Club A&lt;/option&gt; 
  &lt;option value="clubB"&gt;Club H&lt;/option&gt;
  &lt;/select&gt;&lt;br /&gt;
  
  &lt;!-- OR --&gt;
  Are you from another club, or a guest? &lt;br /&gt;
  &lt;textarea rows="5" cols="25" name="nonClubInfo"&gt;Briefly explain here &lt;/textarea&gt;
  
  &lt;button type="submit" onclick="return validateRegistrationForm()" &gt;Register&lt;/button&gt;
  </code></pre>
  
  <p>Here is the code for my script :</p>
  
  <pre><code>function validateClubInfo()
  {
      if(document.getElementById("member").checked == false &amp;&amp; document.getElementById("nonMember").checked == false)
      {
          document.getElementById("clubList").disabled = true;
          document.getElementById("nonClubInfo").disabled = true;
          alert("this is a test");
          return true;
      }
      else if(document.getElementById("member").checked == true)
      {
          document.getElementById("nonClubInfo").disabled = true;
          return true
      }
      else if(document.getElementById("nonMember").checked == true)
      {
          document.getElementById("clubList").disabled = true;
          return true;
      }
  }
  </code></pre>
  
  <p>I should also note Validation gets checked through a second function, I left it out because it is a very long function and it has nothing to do with this problem.</p>
  
  <p>At any rate any help on this matter would be greatly appreciated.</p>