Check or uncheck the boxes with the same class names based on the value

Question

I have 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 flags have the same value (e.g. 101) for multiple divs. Now that the checkbox is checked, I need to check other checkboxes with the same value. Similarly, to 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 can 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

Answer 2

 $(".chkbox").change(function() { $(":checkbox[value="+$(this).val()+"]").prop("checked", this.checked); } 

Answer 3

You can do it as follows.

Live demo

 $(".chkbox").change(function() { // If checked if (this.checked) $(":checkbox[value=" + this.value + "]").attr('checked', true); else $(":checkbox[value=" + this.value + "]").attr('checked', false); // find other checkboxes with same value and uncheck them }) 

You missed the final parathesis of the change event.

Answer 4

 $( ".chkbox" ).change(function() { var value = $( this ).attr( "value" ); $( ".chkbox[value='" + value + "']" ).prop( "checked", this.checked ); }); 

Answer 5

 // if user has already sent the survey if(user_id_value){ var result = confirm("This user already received a survey. Are you sure you want to resend?"); // do not send the survey again if(!result){ $(":checkbox[value='"+user_id+"']").attr("checked", false); }// end if not confirmed }// end if