如果其他使用jquery选中，如何取消选中复选框

Question

I have tried the below code to uncheck the 1st checkbox if any one of the below are checked. But not able to revert back to the initial stage ie if nothing is selected the first checkbox will checked.

 $('ol input').on('click', function() { if(this.checked){ $('#all').prop('checked', false); }else{ $('#all').prop('checked', true); } }); 

 ol li{list-style:none;} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div> <input type="checkbox" id="all" checked>All <ol> <li> <input type="checkbox">1 <input type="checkbox">2 <input type="checkbox">3 <input type="checkbox">4 <input type="checkbox">5 <li> </ol> </div> 

Answer 1

Instead of your current else statement, try else if ($('ol input:checked').length == 0)

 $('ol input').on('click', function() { if (this.checked) { $('#all').prop('checked', false); } else if ($('ol input:checked').length == 0) { $('#all').prop('checked', true); } }); 

 ol li { list-style: none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div> <input type="checkbox" id="all" checked>All <ol> <li> <input type="checkbox">1 <input type="checkbox">2 <input type="checkbox">3 <input type="checkbox">4 <input type="checkbox">5 <li> </ol> </div>