A caixa de seleção é muito comum na página da web. Em seguida, as duas pequenas demonstrações que escrevi antes, ambas sobre a caixa de seleção, espero que ajude a todos.
O primeiro é sobre a operação da seleção completa da caixa de seleção.
<! } #OPP {Radio de borda: 50%; ID de entrada = All Type = Caixa de seleção> Seleção completa </td> <td width = 300px> Exemplo de seleção completa </td> </tr> <td> <classificação de entrada = tipo de lista = caixa de seleção </td> < td> </td> </tr> <l> <nput class = list type = caixa de seleção /td> </td> </tr> <tr> <input class = list type = caixa de seleção = Caixa de seleção> </td> </td> </tr> <td> <classe de entrada = type = caixa de seleção TIPO = Caixa de seleção> </td> </td> </tr> <tr> <td> <insput id = opp type = button> anti -Selection </td> </td> </tr> </tabela> <Script> var vll = document.getElementById (All); vlist.length; if (this.checked == false) {vll.checked = false;} e {for (var i2 = 0; i2 <vlist.length; i2 ++) {if (vlist [i2] .CHecked == false) { quebra;} if (i2> = vlist.length-) {vll.checked = true;}}}}} Vopp.OnClick = function () {for (var i = 0; i <vlist.length; i ++) {vlist [i] .CHecked =!O segundo é o estilo de seleção personalizado, que pode usar imagens para substituir nossa caixa de seleção para aumentar o efeito legal;
<! Opacia: 1; Antecedentes: URL (IMG/1.png); > <Label for = input1> </label> </div> <div class = box2> <entrada de entrada = nome da caixa de seleção = id =/> <bel = input2> </l abel> </div> <div class = Box3> <Tipo de entrada = Nome da caixa de seleção = ID = input3 Valor =/> <Label for = input3> </label> </body> </html>
O método de seleção acima é o método de seleção na página HTML introduzida pela Xiaobian. Muito obrigado pelo seu apoio ao site VevB Wulin!