check checkbox if other checkbox with same value is checked jquery

Question

How to check checkbox if other checkbox with same value is checked. If select 1 than it should check the other div checkbox with the same value.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2 
</div>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2 
</div>

Community · Accepted Answer · 2017-05-23 10:28:38Z

2

As simple as it gets:

$('input:checkbox').on('change', function(){
    //if(this.checked)    // optional, depends on what you want
    $('input[value="' + this.value + '"]:checkbox').prop('checked', this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2 
</div>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2 
</div>

If you want the others to remain checked when you uncheck one, look at Arun P Johny's solution.

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Jul 17, 2015 at 11:54

blex

25.7k6 gold badges48 silver badges78 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2015-07-17 11:50:36Z

1

You can use a attribute selector to get other checkboxes with the same value and set its checked property if the current checkbox is checked

jQuery(function($) {
  var $checks = $('input:checkbox').change(function() {
    if (this.checked) {
      $checks.filter('[value="' + this.value + '"]').not(this).prop('checked', this.checked);
    }
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2
</div>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2
</div>

answered Jul 17, 2015 at 11:50

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Satpal · Accepted Answer · 2015-07-17 11:51:10Z

1

You can filter() checkboxes with same value and set its property.

$(function() {
  var checkboxes = $(":checkbox").change(function() {
    var value = $(this).val();
    checkboxes.filter(function() {
      return value == $(this).val()
    }).not(this).prop('checked', this.checked);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2
</div>
<div>
  <input type="checkbox" value="1">1
  <input type="checkbox" value="2">2
</div>

answered Jul 17, 2015 at 11:51

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

check checkbox if other checkbox with same value is checked jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related