Este artigo descreve o método do JS para implementar a seleção da caixa de seleção, não seleção e anti-seleção. Compartilhe para sua referência. A análise específica é a seguinte:
1. Ideias:
1. Obtenha elementos
2. Adicione o evento de clique para selecionar tudo sem selecioná -los
3. Caixa de seleção de loop com para
4. Defina a caixa de seleção verificada como true para selecionar todos
5. Defina a caixa de seleção verificada como false para obter nenhuma seleção
6. A julgar por se, se verificado for verdadeiro, definido verificado como estado falso e não selecionado e, se verificado, for um estado falso e não selecionado, definido verificado como estado true e não selecionado.
2. Código HTML:
<input type = "button" value = "全选" id = "sele"/> <input type = "button" value = "不选" id = "setInterval"/> <input type = "button" value = "反选" id = "clear"/> <div id = "caixa de seleção"> <input type = "/"/> <r/> <b/input = "Type =" Type = "Type =" Typen/"Typen typening =" Check "> <bret typet ="/"/"/> <r/> <r/input "Type =" Type = "Typening =" Check "> <bret typet ="/"/"/> <r/> <b/input "Type =" Check "> <bret type ="/"/> <r/> <b/input =" Type = "Type =" type = "Caixa de seleção" /> <r /> <input type = "caixa de seleção" /> <r /> <input type = "caixa de seleção" /> <r /> <input type = "caixa de seleção" /> <r /> <but Type = "Checkbox" /> <r /> <but Type = "Cadexox /> <Br /> <input" " <input type = "caixa de seleção"/> <r/> <input type = "caixa de seleção"/> <r/> <tipo de entrada = "caixa de seleção"/> <r/> <input type = "caixa de seleção"/> <r/> <bump type = "CheckBox"/> <r/> <but type = "Check"/> <r/> <input = " /> <input type = "caixa de seleção" /> <r /> <input type = "caixa de seleção" /> <r /> <input type = "caixa de seleção" /> <r />
3. Código JS:
<Script> window.onload = function () {var sele = document.getElementById ('sele'); // obtenha tudo var unsele = document.getElementById ('setInterval'); // Get Unseltected var clear = document.getElementById ('clear'; // obting anti-selecionado/BoxBox = Document.ElementById ('Clear'; checkEd = Checkbox.getElementsByTagName ('input'); // Obtenha entrada em div // Selecione All Sele.OnClick = function () {for (i = 0; i <checked.length; i ++) {checkEd [i] .Checked = True} // não seleciona. verificado [i] .Checked = false}} // Unslect clear.onclick = function () {for (i = 0; i <checked.length; i ++) {if (verificado [i] .Checked = true) {verificou [i] .checked = false} {/i].Espero que este artigo seja útil para a programação JavaScript de todos.