La casilla de verificación es muy común en la página web. A continuación, las dos pequeñas demostraciones que he escrito antes, los cuales son sobre la casilla de verificación, espero que ayude a todos.
El primero es sobre la operación de la selección completa de la casilla de verificación.
<! } #OPP {Border-Radius: 50%; ID de entrada = All Type = CheckBox> Selección completa </td> <td width = 300px> casilla de verificación Ejemplo de selección completa </td> </tr> <td> <input class = list type = checkbox> </td> <</td> < td> </td> </tr> <l> <nput class = list type = checkbox> </td> </td> </tr> <tr> <td> <input class = list type = checkbox> < /td> </td> </tr> <tr> <input class = list type = checkbox> </td> </td> td> </td> </tr> <td> <input class = list type = Checkbox> </td> </td> </tr> <td> <input class = list type = checkbox> </td> <td> </td> </tr> <l> <nput class = list list type = checkbox> </td> </td> </tr> <tr> <td> <input id = opp type = button> anti -selection </td> </td> </tr> </table> <script> var vll = document.getElementById (all); vList.length; if (this.ecked == false) {vll.ecked = false;} e {for (var i2 = 0; i2 <vlist.length; i2 ++) {if (vlist [i2] .ecked == false) { break;} if (i2> = vlist.length-) {vll.ecked = true;}}}}} vopp.onclick = function () {for (var i = 0; i <vlist.length; i ++) {vList [i] .Checked =!El segundo es el estilo de casilla de verificación personalizado, que puede usar imágenes para reemplazar nuestra casilla de verificación para aumentar el efecto genial;
<! Opacidad: 1; Antecedentes: url (img/1.png); > <Label for = input1> </label> </div> <div class = box2> <input type = checkbox name = id =/> <etiqueta = input2> </l abel> </div> <div class = Box3> <input type = checkbox name = id = input3 value =/> <etiqueta for = input3> </label> </body> </html>
El anterior es el método de operación de la casilla de verificación en la página HTML introducida por Xiaobian. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!