Maison >interface Web >js tutoriel >code d'implémentation jquery pour réaliser la fonction de sélection de tous effect_jquery
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.