Maison  >  Article  >  interface Web  >  Résumé de l'opération JQuery CheckBox (case à cocher) METHODS_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:03:591296parcourir

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);
});

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn