Javascript check box to uncheck other boxes and vice versa
<p>I have the following set of checkboxes:</p>

<pre><code>Original:
&lt;INPUT TYPE="checkbox" ID="db1" class="db" checked&gt;
&lt;INPUT TYPE="checkbox" ID="db2" class="db" checked&gt;
&lt;INPUT TYPE="checkbox" ID="db3" class="db" checked&gt;
&lt;INPUT TYPE="checkbox" ID="db4" class="db" checked&gt;

&lt;/br&gt;

Other:
&lt;INPUT TYPE="checkbox" ID="other" class="other" onclick="otherBoxes('other',this)"&gt;
</code></pre>

<p>and the following javascript:</p>

<pre><code>&lt;script language="JavaScript" src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function otherBoxes(it,box)
  {
    $(function()
      {
        $(':checkbox').click(function()
          {
            if (this.checked) 
              {
                $('.db').prop('checked',false);
              }
          }
        )
      }
    )
  }
&lt;/script&gt;
</code></pre>

<p>What I am trying to do is set someting up so that when I check the 'other' checkbox, the 'Original' checkboxes are all unchecked.
I then want to have the reverse, so that if one (or more) of the 'Original' checkboxes are checked, the 'other' checkbox is unchecked.</p>

<p>The Javascript I have so far kind of does the first part of this, in that if I check, then uncheck, then check the 'other' box again, the 'Original' boxes are unchecked. 
However, I would like it to work when the box is checked the first time.</p>

<p>It also has the unintended consequence, that after the 'other' box has been checked, the 'original' boxes refuse to be checked, even if I uncheck the 'other' box.</p>

<p>I've found lots of examples of similar situations, but none the same, and I haven't been able to adapt any that I have found. How can I do this please?</p>
