How to uncheck checkbox if other checked using 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 i.e. 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>

j08691 · Accepted Answer · 2015-07-01 18:48:32Z

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>

answered Jul 1, 2015 at 18:48

j08691

209k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to uncheck checkbox if other checked using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related