title: Toggle between 2 check boxes using jquery or javascript
body: <p>I'm having difficulty in using jquery to toggle between 2 checkboxes..Currently this is what i have.</p>
  
  <pre><code>&lt;div id="chkBoxList"  onclick="CheckBoxToggle()"&gt;
    &lt;font size="2"&gt;
   &lt;input type="checkbox"  class="all" name="empType" id="empType1" value="BWR is a Full Time employee. " checked="checked"  disabled="disabled"/&gt;
    Full Time
   &lt;input type="checkbox" class="all"  name="empType"  id="empType2" value="BWR is a Part Time employee. " /&gt; Part Time
   &lt;/font&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>jquery follows thus.</p>
  
  <pre><code>function CheckBoxToggle() {
  
  
  $('#chkBoxList').click(function () {
      var $checkbox = $(this).find(':checkbox');
      $checkbox.prop('checked', !$checkbox[0].checked);
      $checkbox[1].checked;
      $checkbox.trigger('change');
  });
  
  
  
  }
  </code></pre>
  
  <p>But this either toggles both to checked or unchecked. Since, initial value for one is checked and disabled, when clicked on second i want other to be checked and disabled while the first will be unchecked and disabled. Any help is appreciated.</p>