Comment faire pour désactiver la case à cocher avec jquery?

J'ai cherché plus de temps avec elle, mais il n'est pas du travail, je veux case à cocher est désactivée, l'utilisateur vérifie pas et peut vérifier si une certaine condition. Ok, maintenant, j'ai essayé de désactivé eux. J'utilise jquery 2.1.3

HTML:

 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U01" />Banana
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U02" />Orange
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U03" />Apple
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U04" />Candy

$(window).load(function () {
    $('#chk').prop('disabled', true);
});
InformationsquelleAutor Brian Crist | 2015-06-14
  1. 13

    id doit être unique. Vous ne pouvez pas avoir quatre cases avec le même id.

    Vous pouvez essayer d'autres sélecteurs pour sélectionner l'ensemble de la gamme de cases à cocher, comme .checkbox1 (par classe), input[type="checkbox"] (par balise ou un attribut). Une fois que vous avez corrigé les identifiants, vous pouvez même essayer de #chk1, #chk2, #chk3, #chk4.

    L'extrait de code ci-dessous utilise la classname 'chk" au lieu de l'id 'chk'. Aussi, il utilise attr pour définir l'attribut même si elle a fait un travail pour moi, en utilisant prop ainsi.

    JS:

    $(window).load(function() {
  $('.chk').attr('disabled', true);
});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="chk" name="check[]" value="U01" />Banana
<input type="checkbox" class="chk" name="check[]" value="U02" />Orange
<input type="checkbox" class="chk" name="check[]" value="U03" />Apple
<input type="checkbox" class="chk" name="check[]" value="U04" />Candy

    • cela ne fonctionnera pas sans désactivée bien défini
    • peut-être que ça dépend du navigateur
    • Vous avez supprimé le doublon d'ID, de sorte que vous pourriez ai fait avec class="chk"
    • C'est le droit. Je devrais supprimer id="chk" et l'utilisation class="chk" . Je vous remercie.
    InformationsquelleAutor GolezTrol
  2. 1

    Vous avez déjà changé l'ID, mais vous pouvez aussi mettre les classe dans le même attribut tel que:

    <input type="checkbox" class="checkbox1 chk" name="check[]" value="U01" />Banana

    Ensuite, vous pouvez utiliser jQuery pour désactiver ou vérifier une case à cocher en fonction de vos besoins comme de

    Pour désactiver:

    $(function () {
    $('.chk').prop('disabled', true);
});

    De "préalable":

    $(function () {
    $('.chk').prop('checked', true);
});

    Vous pouvez changer le sélecteur pour s'adapter à des Id ou des classes de même des éléments et de modifier les propriétés entre vrai ou faux en fonction de vos besoins.

    InformationsquelleAutor Yann Poiré
  3. 1

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U01" />Banana
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U02" />Orange
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U03" />Apple
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U04" />Candy

    Javascript/jQuery

    $(function() {
   $("input.checkbox1").prop("disabled", true);
});
    InformationsquelleAutor sachin kumar