Rumah >hujung hadapan web >tutorial js >JS melaksanakan kotak semak CheckBox untuk memilih semua dan tiada kemahiran function_javascript
Kawalan Kotak Semak ialah apa yang biasanya kami panggil kotak semak, yang biasanya digunakan untuk menghidupkan atau mematikan pilihan. Kawalan ini ditemui dalam kotak dialog Tetapan kebanyakan aplikasi. Apa yang kita lihat yang boleh disemak ialah Kotak Semak.
Kawalan ini menunjukkan sama ada keadaan tertentu (iaitu pilihan) dipilih (hidup, nilai 1) atau dikosongkan (mati, nilai 0). Gunakan kawalan ini dalam aplikasi anda untuk memberikan pengguna pilihan "Benar/Salah" atau "ya/tidak". Oleh kerana Kotak Semak berfungsi secara berasingan antara satu sama lain, pengguna boleh memilih sebarang bilangan Kotak Semak pada masa yang sama untuk menggabungkan pilihan.
Kotak Semak JS melaksanakan fungsi memilih semua dan menyahpilih semua Ia sangat mudah, hanya masukkan fungsi js kecil. . .
<script language="javascript"> function cli(Obj) { var collid = document.getElementByIdx_x("all") var coll = document.getElementsByName(Obj) if (collid.checked){ for(var i = 0; i < coll.length; i++) coll[i].checked = true; }else{ for(var i = 0; i < coll.length; i++) coll[i].checked = false; } } </script>
<input name='多选项名称' type='checkbox' value='' id="all" onclick="cli('多选项名称');"> 全选 <input name='多选项名称' type='checkbox' value='' > A <input name='多选项名称' type='checkbox' value='' > B <input name='多选项名称' type='checkbox' value='' > C <input name='多选项名称' type='checkbox' value='' > D <input name='多选项名称' type='checkbox' value='' > E <input name='多选项名称' type='checkbox' value='' > F
Baiklah, anda boleh menyalin kod di atas, mengubah suai dan mengujinya. . .
Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.