Cet article décrit la méthode de JS pour implémenter la sélection de la case à cocher, la non-sélection et l'anti-sélection. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
1. Idées:
1. Obtenez des éléments
2. Ajouter un événement de clic pour sélectionner tout sans les sélectionner
3. Boîte à cocher LOOP avec pour
4. Définissez la boîte à cocher cocher sur true pour sélectionner tous
5. Définir la boîte à cocher cochée sur false pour obtenir aucune sélection
6. À en juger par si, si vérifié est vrai, défini vérifié à l'état faux et non sélectionné, et s'il est vérifié, il est faux et non sélectionné, défini à l'état vrai et non sélectionné.
2. Code HTML:
<input type = "Button" value = "全选" id = "sele" /> <input type = "Button" value = "不选" id = "setInterval" /> <input type = "Button" value = "反选" id = "clairement" /> <div id = "checkboxs"> <entrée type = "cochebox" /> <br /> <entrée type = " Type = "Checkbox" /> <br /> <entrée Type = "Checkbox" /> <br /> <entrée Type = "Checkbox" /> <r /> <entrée type = "Checkbox" /> <br /> <Input Type = "Checkbox" /> <Br /> <Input Type = "Checkbox" /> <br /> <Input Type = "Checkbox" /> <Br /> <put-type = "Checkbox" Type = "Checkbox" /> <br /> <entrée Type = "Checkbox" /> <br /> <entrée Type = "Checkbox" /> <r /> <entrée type = "Checkbox" /> <br /> <Input Type = "Checkbox" /> <Br /> <Input Type = "Checkbox" /> <br /> <Input Type = "Checkbox" /> <Br /> <put-type = "Checkbox" type = "checkbox" /> <br /> <input type = "checkbox" /> <br />
3. Code JS:
<cript> window.onload = function () {var sele = document.getElementById ('Sele'); // Get all var unsele = document.getelementById ('setInterval'); // Get non sélectionné var claire = document.getelementById ('Clear'); // Get Antiselection checked = checkbox.getElementsByTAGName ('input'); // obtenez la saisie sous div // sélectionnez tous sele.onclick = function () {for (i = 0; i <ichened.length; i ++) {checked [i] .checked = true}} // ne sélectionne pas. vérifié [i] .checked = false}} // unselect clear.onclick = function () {for (i = 0; i <checked.length; i ++) {if (checked [i] .checked = true) {checked [i] .checked = false} else {checked [i] .Cheded = true}}} </script>J'espère que cet article sera utile à la programmation JavaScript de tous.