title: Uncheck check box when dropdown selection changes - not working
body: <p>In a MVC website, how do you make a check box unchecked if a dropdown list has changed value? I'm not sure if MVC behaves differently form traditional asp.Net application but what I coded does not work.</p>
  
  <p>In default.aspx I have a JavaScript function:</p>
  
  <pre><code>function UncheckFooBox() {
     var isChecked = document.getElementById("cbxFoo").checked;
          if (isChecked)
              document.getElementById("cbxFoo").checked = true;
  </code></pre>
  
  <p>then   </p>
  
  <pre><code>&lt;input type="checkbox" name="cbxFoo" runat="server" 
       checked="checked" id="cbxFoo" /&gt;Foo
  </code></pre>
  
  <p>then below all this I have the dropdown list</p>
  
  <pre><code>&lt;select Name="FooChecker" onchange="UncheckFooBox()" &gt;
      &lt;option value="1" &gt;Yes&lt;/option&gt;
      &lt;option value="2" &gt;No&lt;/option&gt;
      &lt;option value="0"&gt; &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>So the outcome should be that if I change the selection of the FooChecker, the cbxFoo is checked, it will uncheck it on the client side, can't have a post back at this point just yet. - thanks!</p>
  
  <p>Please note that jQuery is not really an option at this time. (I know, I should learn it...)</p>