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

code d'implémentation jquery pour réaliser la fonction de sélection de tous effect_jquery

WBOY
Libérer: 2016-05-16 15:02:02
original
1662 Les gens l'ont consulté

Principalement pour simuler des tableaux dans certaines pages Web afin d'obtenir la fonction de sélection de tout.

<form>     

你爱好的运动是:    

<input type="checkbox" id="Check" value="全选/全不选"/>全选/全不选     <br />     

<input type="checkbox" name="items" value="足球" />足球     

<input type="checkbox" name="items" value="篮球" />篮球    

<input type="checkbox" name="items" value="羽毛球" />羽毛球     

<input type="checkbox" name="items" value="乒乓球" />乒乓球 

</form>
Copier après la connexion

Lorsque nous cliquons sur le bouton Sélectionner tout/Désélectionner tout, la case à cocher ci-dessous effectue l'opération correspondante.

En même temps, à l'inverse, lors de la sélection de tout, si une case ci-dessous n'est pas cochée, le bouton Sélectionner tout/Désélectionner tout ne sera pas sélectionné.

 $('[name=items]:checkbox').click(function () {                 

var p = $('[name=items]:checkbox');        

 if(p.filter(':checked').length==p.length)        

{           //alert("Hello World");          

 $("#Check").attr("checked", true);        

} else {          

$("#Check").attr("checked", false);       

 }      

});
Copier après la connexion

Le code d'implémentation jquery ci-dessus pour obtenir l'effet de sélection de toutes les fonctions est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez Script Home.

É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!