Artikel ini menjelaskan metode JS untuk mengimplementasikan pemilihan kotak centang, non-select dan anti-select. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
1. Ide:
1. Dapatkan elemen
2. Tambahkan Acara Klik untuk Memilih Semua Tanpa Memilihnya
3. Kotak centang loop dengan untuk
4. Atur kotak centang yang diperiksa ke true untuk memilih semua
5. Set kotak centang yang diperiksa ke false untuk mencapai pilihan
6. Dilihat oleh If, jika diperiksa benar, atur diperiksa ke keadaan palsu dan tidak dipilih, dan jika diperiksa adalah keadaan palsu dan tidak dipilih, atur diperiksa ke keadaan yang benar dan tidak dipilih.
2. Kode HTML:
<input type = "tombol" value = "全选" id = "sele"/> <input type = "tombol" value = "不选" id = "setInterval"/> <input type = "Tombol" value = "反选" id = "clear"/<Div id = "centang"> <input type = "centang"/</<input = "> <" input/</</</<peckbox = "checkbox =" input/</input/<"input/<" input/<"input/<" input/<"input =" input = "input =" input = "input =" input = "input =" input = "input =" input = "input =" input = "input =" input = "Input/<" type = "centang kotak" /> <bR /> <input type = "centang kotak" /> <br /> <input type = "centang kotak" /> <br /> <input type = "centang kotak" /> <br /> <input type = "centang" /> <bR /> <input = "centang /" /<bR /<bR /<input " /" centang /"centang /" centang " <input type = "centang kotak"/> <bR/> <input type = "centang kotak"/> <br/> <input type = "centang kotak"/> <br/> <input type = "centang kotak"/> <br/> <input type = "centang"/> <bR/> <input type = "centang/"/<bR/> <"centang/<" input "<input/<centang/" centang/"centang/<centang/<centang/<centang/<centang"/<"centang/<" centang/<"centang"/<"centang/<" centang/<"centang/<" centang " /> <input type = "centang kotak" /> <br /> <input type = "centang kotak" /> <br /> <input type = "centang kotak" /> <br />
3. Kode JS:
<script>window.onload=function(){ var sele=document.getElementById('sele');//Get all var unsele=document.getElementById('setinterval');//Get unselected var clear=document.getElementById('clear');//Get anti-selected var checkbox=document.getElementById('checkboxs');//Get div var checked = centang kotak diperiksa [i] .mekrut = false}} // unpelect clear.onClick = function () {for (i = 0; i <checked.length; i ++) {if (checked [i] .Checked = true) {i] .Checked = false} else {check [i].Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.