首页 > 代码库 > 多选框
多选框
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>复选框全选、全不选和反选的效果实现</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction checkAll() {for (var j = 1; j <= 9; j++) {box = eval("document.checkboxform.C" + j); if (box.checked == false) box.checked = true; }}function uncheckAll() {for (var j = 1; j <= 9; j++) {box = eval("document.checkboxform.C" + j); if (box.checked == true) box.checked = false; }}function switchAll() {for (var j = 1; j <= 9; j++) {box = eval("document.checkboxform.C" + j); box.checked = !box.checked; }}// End --></script></head><body><form name=checkboxform><input type=checkbox name=C1 checked>C1<br><input type=checkbox name=C2 checked>C2<br><input type=checkbox name=C3 checked>C3<br><input type=checkbox name=C4 checked>C4<br><input type=checkbox name=C5 checked>C5<br><input type=checkbox name=C6 checked>C6<br><input type=checkbox name=C7 checked>C7<br><input type=checkbox name=C8 checked>C8<br><input type=checkbox name=C9 checked>C9<br><br><input type=button value="全部选中" onClick="checkAll()"><br><input type=button value="全部不选" onClick="uncheckAll()"><br><input type=button value="选择转换" onClick="switchAll()"><br></form><p><a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p></body></html>
多选框
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。