How to uncheck a group of checkbox in JQuery/JavaScript

Question

I'm trying to keep either All and a group of checkboxes (1, 2, 3) unchecked. For example, when All is unchecked and 1 is checked, if I click All, 1 should be unchecked, and vice versa.

<input type="checkbox" name="checkAll" class="selectAll" />  All  <br/>
<input type="checkbox" name="checkuser" class="cb_box "  />  1
<input type="checkbox" name="checkuser" class="cb_box "  />  2
<input type="checkbox" name="checkuser" class="cb_box "  />  3

I tried in this way but it doesn't work. Any suggestion?

$(function () {
 $('.selectAll').click(function () {
   $('input[name=checkuser]').attr('unchecked', $(this).attr('checked'));
});

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

Use this approach

Function prop along with event change

$('input[name="checkuser"]').prop('checked', $(this).is(':checked'));

$(function() {
    $('.selectAll').change(function() {
      $('input[name="checkuser"]').prop('checked', $(this).is(':checked'));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="checkAll" class="selectAll" /> All <br/>
<input type="checkbox" name="checkuser" class="cb_box " /> 1
<input type="checkbox" name="checkuser" class="cb_box " /> 2
<input type="checkbox" name="checkuser" class="cb_box " /> 3

Resource

.prop()

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Feb 27, 2018 at 1:19

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

Comments

Yuk_dev · Accepted Answer · 2018-02-27 01:22:21Z

0

$('.selectAll').click(function(){
     $(':checkbox.cb_box').prop('checked', this.checked);    
});

answered Feb 27, 2018 at 1:22

Yuk_dev

3781 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to uncheck a group of checkbox in JQuery/JavaScript

2 Answers 2

Use this approach

Resource

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Use this approach

Resource

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related