JS implementa el método de seleccionar todo, no seleccionar y desanimar la casilla de verificación

Este artículo describe el método de JS para implementar la selección de la casilla de verificación, no selecto y anti-selecto. Compártelo para su referencia. El análisis específico es el siguiente:

1. Ideas:

1. Obtener elementos

2. Agregue el evento Haga clic para seleccionar todo sin seleccionarlos

3. Casilla de verificación de bucle con para

4. Establecer casilla de verificación marcada en verdadero para seleccionar todo

5. Establezca la casilla de verificación marcada en falso para lograr sin selección

6. A juzgar por si, si se verifica es verdadero, establezca el estado revisado en falso y no seleccionado, y si se verifica el estado falso y no seleccionado, establezca en el estado verdadero y no seleccionado.

2. Código HTML:

 <input type = "button" value = "全选" id = "sele"/> <input type = "button" value = "不选" id = "setInterval"/> <input type = "button" value = "反选" id = "clare"/> <div id = "casero de cheque"> <input type = "checkbox"/> <br/> <input type = "casador de chechebox"/> <Br/> <input typero de cheque " type = "CheckBox" /> <br /> <input type = "CheckBox" /> <br /> <input type = "CheckBox" /> <Br /> <input type = "CheckBox de chechBox" /> <br /> <input type = "CheckBox" /> <br /> <input type = "checkBox" /> <br /> <input type = "checkbox" /> <br /> <input type = "checkbox" />>> <brobe de cheque type = "CheckBox" /> <br /> <input type = "CheckBox" /> <br /> <input type = "CheckBox" /> <Br /> <input type = "CheckBox de chechBox" /> <br /> <input type = "CheckBox" /> <br /> <input type = "checkBox" /> <br /> <input type = "checkbox" /> <br /> <input type = "checkbox" />>> <brobe de cheque type = "CheckBox" /> <Br /> <Input type = "CheckBox" /> <Br />

3. Código JS:

 <script> window.onload = function () {var sele = document.getElementById ('Sele'); // get All var unsele = document.getElementById ('setInterval'); // get sinselected var clear = document.getElementById ('clear'); // get anti-selección var checkbox = document.getEntElementByid ('checkBoxs'; ///obtenga obtener división divisel. checked = checkBox.getElementsBytagName ('input'); // Obtener entrada en div // seleccione todo sele.onClick = function () {for (i = 0; i <checked.length; i ++) {checked [i] .Checked = true}} // no seleccione unsele.onClick = function () {para (i = 0; i <checked.ll longitud comprobado [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] .Checked = true}}} </script> </script>

Espero que este artículo sea útil para la programación de JavaScript de todos.