Maison >interface Web >js tutoriel >code d'implémentation jquery pour réaliser la fonction de sélection de tous effect_jquery

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

WBOY
WBOYoriginal
2016-05-16 15:02:021723parcourir

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>

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

 }      

});

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.

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