La case est très courante dans la page Web. Ensuite, les deux petites démo que j'ai écrites auparavant, qui concernent la case à cocher, j'espère que cela aidera tout le monde.
Le premier concerne le fonctionnement de la sélection complète de la case à cocher.
<! } #opp {Border-Radius: 50%; ID de saisie = tout type = Checkbox> Sélection complète </td> <td width = 300px> Exemple de sélection complète de la case </td> </tr> <td> <entrée = List type = Checkbox> </td> < td> </td> </tr> <l> <nput class = list type = checkbox> </td> </td> </tr> <tr> <td> <input class = list type = checkbox> < / td> </td> </ tr> <tr> <entrée class = list type = checkbox> </td> </td> td> </td> </tr> <td> <entrée class = list type = Checkbox> </td> </td> </tr> <td> <entrée class = list type = checkbox> </td> <td> </td> </tr> <l> <nput class = list type = checkbox> </td> </td> </tr> <tr> <td> <entrée id = opp type = Button> anti-sélection </td> </td> </tr> </ table> <brimance> var vll = document.getElementyid (all); vlist.length; i ++) {vlist [i] .checked = vll .checked;} pour (var i = 0; i <vlist.length; i ++) {vlist [i] .OnClick = function () { if (this.checked == false) {vll.checked = false;} e {for (var i2 = 0; i2 <vlist.length; i2 ++) {if (vlist [i2] .checked == false) { Break;} if (i2> = vlist.length-) {vll.checked = true;}}}}} vopp.onclick = function () {for (var i = 0; i <vlist.length; i ++) {vlist [i] .checked =!Le second est le style de case à cocher personnalisé, qui peut utiliser des images pour remplacer notre case pour augmenter l'effet cool; et ici j'utilise CSS3 pour écrire, impliquant JavaScript;
<! Opacité: 1; arrière-plan: url (img / 1.png); > <label for = input1> </ label> </ div> <div class = box2> <input type = checkbox name = id = /> <label = input2> </t abel> </div> <div class = box3> <entrée type = checkbox name = id = input3 value = /> <étiquette pour = input3> </ label> </ body> </html>
Ce qui précède est la méthode de fonctionnement de la coche de la page HTML introduite par Xiaobian. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!