title: Unchecked all check boxes whose checked when click on other checkbox is not working
body: <p>I have 4 check boxes, I want to uncheck all check boxes whose checked when click on <strong>None</strong> checkbox. </p>
  
  <p>Issue is that when I checked <strong>Option1</strong> and <strong>Option2</strong> checkboxes and when I checked on <strong>None</strong> checkbox then <strong>Option1</strong> and <strong>Option2</strong> checkboxes is not unchecked.</p>
  
  <p>When I check checkboxes which value is <strong>2</strong> and <strong>3</strong> then when I check checkbox which value is <strong>4</strong> so <strong>2</strong> and <strong>3</strong> checkboxes will be uncheck</p>
  
  <pre><code>&lt;input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="1"&gt;Option 1
  &lt;input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="2"&gt;Option 2
  &lt;input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="3"&gt;Option 3
  &lt;input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="4"&gt;None
  </code></pre>
  
  <p>here is my jquery code</p>
  
  <pre><code>&lt;script&gt;
          function uncheckOthers(ele) {  
          if(ele.checked &amp;&amp; ele.value == "4") { // check #none is checked and has its value 4
          ele.checked = false;
              $('.example').prop('checked', false);// Uncheck all the checkboxes with class 'example'
          }
      };
  
  
      &lt;/script&gt;
  </code></pre>
  
  <p>Note: My checkboxes is dynamic from database that's why I write this</p>