Activer la case à cocher sur le clic de l'autre case à cocher à l'aide de Jquery

j'ai désactivé toutes les cases sauf un. Sur cliquez de que la case à cocher je veux permettre à tous la case à cocher. et si cette case n'est pas cochée, toutes les autres cases à cocher doit rester désactivé. Quelqu'un pourrait-il svp m'aider avec cela.
J'ai essayé d'utiliser 

$(document).ready(function() {<br>
    if ($('#mainCheckbox').is(':checked')) {<br>
     $(".otherCheckbox").removeAttr("disabled");
     }      
});

Mais ce n'est pas de travail pour moi.

InformationsquelleAutor Shruti | 2009-10-29
  1. 5

    Cela fonctionne très bien pour moi

    <input type="checkbox" id="chkMain" /><br
<input class="child" type="checkbox" id="chk1" disabled="true" />
<input class="child" type="checkbox" id="chk2" disabled="true" />
<input class="child" type="checkbox" id="chk3" disabled="true" />
<input class="child" type="checkbox" id="chk4" disabled="true" />
<input class="child" type="checkbox" id="chk5" disabled="true" />

$(function(){
  $("#chkMain").click ( function() {

    if ( !$(this).is ( ":checked" ) )
    {
      $(".child").attr ( "disabled" , true );
    }
    else
    {
      $(".child").removeAttr ( "disabled" );
    }
  });
});

    Travail De Démonstration

    Si vous pouvez poster le code HTML aussi alors qu'il serait plus utile.

    • merci beaucoup!! c'est exactement ce que je cherchais...
    InformationsquelleAutor rahul
  2. 1

    cela fonctionne:

    if($("#mainCheckbox").is(":checked")){
    $("input:checkbox").not(this).removeAttr("disabled");
}
else{
    $("input:checkbox").not(this).attr("disabled","true");
}
    InformationsquelleAutor TheVillageIdiot
  3. 0

    Voici une solution (remarque la fonction de chaque):

    function toogleOthersIf(aBoolean) {
    $(".otherCheckBox").each(function() {
        if (aBoolean) {
            $(this).removeAttr("disabled");
        } else {
            $(this).attr("disabled", "disabled");
        }
    });
}

$(document).ready(function(){
    $('#mainCheckBox').click(function(e) {
        toogleOthersIf($('#mainCheckBox:checked').length > 0);
    });

    toogleOthersIf(false);
});
    • Hum le chaque n'est pas nécessaire..
    InformationsquelleAutor