Maison >interface Web >js tutoriel >jquery implémente toutes les sélections, la sélection inverse et obtient toutes les cases à cocher_jquery sélectionnées
J'ai donné 7 statuts de cases à cocher différents et je les ai partagés avec vous un par un.
1. Sélectionner tout
$("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); })
2. Annuler toutes les sélections (n'en sélectionner aucune)
$("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); })
3. Sélectionnez tous les nombres impairs
$("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("checked","true"); })
4. Sélectionnez tous les nombres pairs
$("#btn6").click(function(){ $("input[name='checkbox']:even").attr("checked","true"); })
5. Contre-élection
$("#btn4").click(function(){ $("input[name='checkbox']").each(function(){ if($(this).attr("checked")) { $(this).removeAttr("checked"); } else { $(this).attr("checked","true"); } }) })
ou
$("#invert").click(function(){ $("#ruleMessage [name='delModuleID']:checkbox").each(function(i,o){ $(o).attr("checked",!$(o).attr("checked")); }); });
6. Obtenez la valeur de l'article sélectionné
var aa=""; $("#btn5").click(function(){ $("input[name='checkbox']:checkbox:checked").each(function(){ aa+=$(this).val() }) document.write(aa); }) })
7. Parcourez les éléments sélectionnés
$("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); });
L'exemple suivant décrit l'implémentation de jquery consistant à tout sélectionner, à inverser la sélection et à obtenir toutes les cases à cocher sélectionnées. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
La capture d'écran de l'effet en cours d'exécution est la suivante :
Le code spécifique est le suivant :
无标题页
Ce qui précède est un exemple simple de démonstration de la façon d'utiliser la case à cocher dans jquery. J'espère que cela sera utile à l'apprentissage de tout le monde.