Check or uncheck all checkboxes with same classname based on value

Question

I've the following checkboxes in multiple divs.

<div class="div1">
    <input type="checkbox" class="chkbox" value="101"> This is 101
    <input type="checkbox" class="chkbox" value="102"> This is 102
    <input type="checkbox" class="chkbox" value="103"> This is 103
</div>
<div class="div2">
    <input type="checkbox" class="chkbox" value="110"> This is 110
    <input type="checkbox" class="chkbox" value="102"> This is 102
    <input type="checkbox" class="chkbox" value="101"> This is 101
</div>

As shown above, some of the checkboxes have the same value (e.g., 101) across multiple divs. Now, whenever a checkbox is checked, I need to check other checkboxes with the same value. Similarly, for uncheck.

$(".chkbox").change(function() {
    // If checked
    if (this.checked)
           // find other checkboxes with same value and check them
    else
           // find other checkboxes with same value and uncheck them
}

Answer 1

you could do:

$(".chkbox").change(function() {
    var val = $(this).val();
  if( $(this).is(":checked") ) {

    $(":checkbox[value='"+val+"']").attr("checked", true);
  }
    else {
        $(":checkbox[value='"+val+"']").attr("checked", false);
    }
});

Demo: jsFiddle