Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:03:59
original
1243 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!