Cochez ou décochez toutes les cases avec le même nom de classe basée sur la valeur

J'ai les cases suivantes dans plusieurs 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>

Comme indiqué ci-dessus, certaines cases ont la même valeur (par exemple, 101) à travers plusieurs divs. Maintenant, chaque fois qu'une case est cochée, j'ai besoin de vérifier d'autres cases à cocher avec la même valeur. De même, pour la décocher.

$(".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
}
InformationsquelleAutor Destiny In Ur Hands | 2013-01-04
  1. 9

    que vous pouvez faire:

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

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

    Démo: jsFiddle

    InformationsquelleAutor Sudhir Bastakoti
  2. 3
    $(".chkbox").change(function() {
    $(":checkbox[value="+$(this).val()+"]").prop("checked", this.checked);
}
    InformationsquelleAutor Barmar
  3. 0
    $( ".chkbox" ).change(function() {
  var value = $( this ).attr( "value" );

  $( ".chkbox[value='" + value + "']" ).prop( "checked", this.checked );
});
    InformationsquelleAutor dherman
  4. 0
    //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
    InformationsquelleAutor Vinod Joshi
  5. 0

    Vous pouvez le faire comme ceci.

    Démonstration En Direct

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

    Vous avez manqué la clôture paraenthesis ) de modifier l'événement.

    • Raison pour voter?
    InformationsquelleAutor Adil