复选框的全选和反选

来源：互联网发布：手机桌面特效软件编辑：程序博客网时间：2024/05/20 04:49

<html><head><meta charset="UTF-8"><title></title><script>window.onload = function(){selAll = document.getElementById("selAll");hobbys = document.getElementsByName("hobby");fx = document.getElementById("fx");//全选事件selAll.onclick = function(){//全选if(selAll.checked == true){for (var i=0;i<hobbys.length;i++) {hobbys[i].checked = true;}}else{for (var i=0;i<hobbys.length;i++) {hobbys[i].checked = false;}}}//反选fx.onclick = function(){for (var i=0;i<hobbys.length;i++) {var b = hobbys[i];if(b.checked == true){b.checked = false;}else{b.checked = true;}}}}</script></head><body><input type="checkbox" name="" id="selAll" />全选<button id="fx">反选</button><br><input type="checkbox" name="hobby" />篮球<input type="checkbox" name="hobby" />足球<input type="checkbox" name="hobby" />乒乓球<input type="checkbox" name="hobby" />羽毛球</body></html>

阅读全文

0 0