Das Kontrollkästchen ist in der Webseite sehr häufig. Als nächstes, in der beiden kleinen Demo, die ich zuvor geschrieben habe, geht es beides um das Kontrollkästchen, ich hoffe, es wird allen helfen.
Das erste Mal ist die vollständige Auswahl des Kontrollkästchens.
<! } #opp {Border-Radius: 50%; Eingabe -ID = All Type = Kontrollkästchen> Vollständige Auswahl </td> <td width = 300px> Kontrollkästchen Full Selection Beispiel </td> </tr> <td> <Eingabeklasse = Listentyp = Checkbox> </td> < td> </td> </tr> <l> <nput class = list type = pechbox> </td> </td> </tr> <tr> <td> <Eingabe class = list type = checkbox> < /td> </td> </tr> <tr> <Eingabe class = list type = checkbox> </td> </td> td> </td> </tr> <td> <Eingabe class = Listentyp = Kontrollkästchen> </td> </td> </tr> <td> <Eingabe class = Listentyp = Kontrollkästchen> </td> <td> </td> </tr> <l> <nput class = list = list type = checkbox> </td> </td> </tr> <tr> <td> <Eingabe -ID = OPP type = Taste> Anti -Selection </td> </td> </tr> </table> <Script> var vll = document.getElementById (alle); vlist.length; i ++) {vlist [i] .Coned = vll. if (this.Checked == false) {vll.Checked = false;} e {für (var i2 = 0; i2 <vlist.length; i2 ++) {if (vlist [i2] .Conted == false) { break;} if (i2> = vlist.length-) {vll.Checked = true;}}}}} vopp.onclick = function () {for (var i = 0; i <vlist.Length; i ++) {vlist [i] .Coned =!Der zweite ist der benutzerdefinierte Kontrollkästchen, mit dem Bilder unser Kontrollkästchen ersetzen können, um den coolen Effekt zu erhöhen.
<! Opazität: 1; Hintergrund: URL (IMG/1.PNG); > <Label für = input1> </label> </div> <div class = box2> <Eingabe type = Checkbox name = id =/> <label = input2> </l Abel> </div> <div class = Box3> <Eingabetyp = Kontrollkästchen Name = id = input3 value =/> <Label für = input3> </label> </body> </html>
Die oben genannte Operationsmethode des Kontrollkästchens in der von Xiaobian vorgestellten HTML -Seite. Ich hoffe, dass es für alle hilfreich ist. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!