title: Javascript to uncheck a checkbox when another is checked
body: <p>This is a MVC 3 application that uses the razor view engine. I have the following line of code in a view that displays 2 checkboxes. When one is checked the other checkbox should uncheck. I have searched around and between my lack of exp with javascript and the lack of threads found on google related to this i am at a lost for even a code snip of javascript to use for a worthwhile starting point. Any ideas?? This below is what I have coded up on my own but am more stuck than anything with this. </p>
  
  <pre><code>        $("#isStaffCheckBox").change(
                function (e) {
                    var checked = $(this).attr('checked');
                    if(checked)
                    {
  
      &lt;li&gt;Staff Member: @Html.CheckBoxFor(Function(f) f.isStaff, New With {.id = "isStaffCheckBox"}) Board Member: @Html.CheckBoxFor(Function(f) f.boardMember, New With {.id = "isBoardCheckBox"})&lt;/li&gt;
  </code></pre>
  
  <p>Any help is greatly appreciated..</p>