title: Checkbox is not Checked as checkboxes are working in html
body: <p>Here is my html code. input field is dynamic from database that's why I write code like this</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 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>Here is <a href="https://jsfiddle.net/phcrh2ds/13/" rel="nofollow noreferrer"><strong>Fiddle demo</strong></a></p>
  
  <p><strong>Issue</strong> </p>
  
  <p>When I checked checkbox which value is <strong>2</strong> and <strong>3</strong> then when I checked checkbox which value is <strong>4</strong> so <strong>2</strong> and <strong>3</strong> are unchecked but value <strong>4</strong> checkbox is not checked. Its showing like that unchecked</p>
  
  <p>I removed this line from jquery code. In fiddle its working perfectly but in my html page is not working good way</p>
  
  <pre><code>ele.checked = false;
  </code></pre>