jquery - 値に基づいて同じクラス名を持つすべてのチェックボックスをオンまたはオフにします

Question

複数の div に次のチェックボックスがあります。

<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>

上に示したように、いくつかのチェックボックスは、複数の div にわたって同じ値 (例: 101) を持っています。チェックボックスがチェックされるたびに、同じ値を持つ他のチェックボックスをチェックする必要があります。同様に、チェックを外します。

$(".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

// 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 

Answer 2

$( ".chkbox" ).change(function() {
  var value = $( this ).attr( "value" );

  $( ".chkbox[value='" + value + "']" ).prop( "checked", this.checked );
});