title: Jquery - Enable/disable multiple checkboxes in multiple lists
body: <p>I have three lists in my page (ul.list1, ul.list2, ul.list3) and each li of every list has checkboxes. From the beginning I want to have all checkboxes disabled except from the ones in .list1.</p>
  
  <p>The thought is that I have to select THREE .list1-checkboxes, then only ONE in .list2 and then AUTOCHECK the .list3-checkbox.</p>
  
  <p>To be more specific if I click three .list1-checkboxes I want to disable the rest of the .list1-checkboxes and enable .list2-checkboxes. But if I uncheck one of the .list1-checkboxes I want to enable the rest .list1-checkboxes again and disable .list2-checkboxes whether I had already clicked on them or not.</p>
  
  <p>Now if I select one .list2-checkbox I want the rest of the .list2-checkboxes to be disabled and in .list3 enable and autocheck the only one checkbox there is. If I uncheck the .list2-checkbox I want the the .list2-checkboxes to be enabled again and .list3-checkbox to be unchecked and disabled.</p>
  
  <p>The HTML is something like that:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="list1"&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list1-item1&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list1-item2&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list1-item3&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list1-item4&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list1-item5&lt;/label&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;ul class="list2"&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item1&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item2&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item3&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item4&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item5&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item6&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item7&lt;/label&gt;&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list2-item8&lt;/label&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;div&gt;
  &lt;/div&gt;
      &lt;ul class="list3"&gt;
          &lt;li&gt;&lt;input type="checkbox" /&gt;&lt;label&gt;list3-item1&lt;/label&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>