Résumé de l'opération JQuery CheckBox (case à cocher) METHODS_jquery

1. Obtenez une seule case à cocher pour l'élément sélectionné (trois méthodes d'écriture) :

Copier le code Le code est le suivant :

$("input:checkbox:checked").val()

ou

Copier le code Le code est le suivant :

$("input:[type='checkbox']:checked").val();

ou

Copier le code Le code est le suivant :

$("input:[name='ck']:checked").val();

2. Obtenez plusieurs éléments sélectionnés par case à cocher :

Copier le code Le code est le suivant :

$('input:checkbox').each(function() {
Si ($(this).attr('checked') ==true) {
alert($(this).val());
            }
});

ou

Copier le code Le code est le suivant :

('input:checkbox').map(function () {                                           Retour(this).val();
}).get().join(',') ;

3. Cochez la première case comme valeur sélectionnée :

Copier le code Le code est le suivant :

$('input:checkbox:first').attr("checked",'checked');

ou

Copier le code Le code est le suivant :

$('input:checkbox').eq(0).attr("checked",'true');

4. Cochez la dernière case comme valeur sélectionnée :

Copier le code Le code est le suivant :

$('input:radio:last').attr('checked', 'checked');

ou

Copier le code Le code est le suivant :

$('input:radio:last').attr('checked', 'true');

5. Définissez n'importe quelle case à cocher comme valeur sélectionnée en fonction de la valeur d'index :

Copier le code Le code est le suivant :

$('input:checkbox).eq(valeur d'index).attr('checked', 'true');Valeur d'index=0,1,2....

ou

Copier le code Le code est le suivant :

$('input:radio').slice(1,2).attr('checked', 'true');

6. Cochez plusieurs cases :
Cochez simultanément la 1ère et la 2ème case :

Copier le code Le code est le suivant :

$('input:radio').slice(0,2).attr('checked','true');


7. Cochez la case sur la valeur sélectionnée en fonction de la valeur Valeur :

Copier le code Le code est le suivant :

$("input:checkbox[value='1']").attr('checked','true');

8. Supprimez la case avec Value=1 :

Copier le code Le code est le suivant :

$("input:checkbox[value='1']").remove();

9. Quelle case à cocher supprimer :

Copier le code Le code est le suivant :

$("input:checkbox").eq(valeur d'index).remove(); valeur d'index=0,1,2....

Par exemple, supprimez la troisième case à cocher :

Copier le code Le code est le suivant :

$("input:checkbox").eq(2).remove();

10. Case à cocher Traverser :

Copier le code Le code est le suivant :

$('input:checkbox').each(function (index, domEle) {
//Écrire le code
});

11. Sélectionner tout

Copier le code Le code est le suivant :

$('input:checkbox').each(function() {
$(this).attr('checked', true);
});

12. Désélectionner tout :

Copier le code Le code est le suivant :

$('input:checkbox').each(function () {
$(this).attr('checked',false);
});