checkbox全选
来源:互联网 发布:陈潇的剩余人生淘宝 编辑:程序博客网 时间:2024/05/19 12:28
经常会碰到checkbox全选的情况,留个模板,以后备用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>全选与反选</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script language="javascript">// --列头全选框被单击---function ChkAllClick(sonName, cbAllId){ var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); var tempState=cbAll.checked; for(i=0;i<arrSon.length;i++) { if(arrSon[i].checked!=tempState) arrSon[i].click(); }}// --子项复选框被单击---function ChkSonClick(sonName, cbAllId) { var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); for(var i=0; i<arrSon.length; i++) { if(!arrSon[i].checked) { cbAll.checked = false; return; } } cbAll.checked = true;}</script></head><body><form name="form1" method="post" action=""><table width="200" border="1"> <tr bgcolor="#FFFF66"> <td> <INPUT name="queryAll" id="queryAll" title="全选" onClick="ChkAllClick('chkSon','queryAll')" type="checkbox" />全选</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon1" type="checkbox" value='1' onclick="ChkSonClick('chkSon','queryAll')" />1</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon2" type="checkbox" value='2' onclick="ChkSonClick('chkSon','queryAll')" />5</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon3" type="checkbox" value='3' onclick="ChkSonClick('chkSon','queryAll')" />2</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon4" type="checkbox" value='4' onclick="ChkSonClick('chkSon','queryAll')" />1</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon5" type="checkbox" value='5' onclick="ChkSonClick('chkSon','queryAll')" />0</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon6" type="checkbox" value='6' onclick="ChkSonClick('chkSon','queryAll')" />2</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon7" type="checkbox" value='7' onclick="ChkSonClick('chkSon','queryAll')" />2</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon8" type="checkbox" value='8' onclick="ChkSonClick('chkSon','queryAll')" />1</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon9" type="checkbox" value='9' onclick="ChkSonClick('chkSon','queryAll')" />2</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon9" type="checkbox" value='9' onclick="ChkSonClick('chkSon','queryAll')" />0</td> </tr> <tr> <td><INPUT name="chkSon" id="chkSon9" type="checkbox" value='9' onclick="ChkSonClick('chkSon','queryAll')" />0</td> </tr></table></form></body></html>
1 0
- checkbox全选
- checkbox全选
- checkbox全选
- checkbox 全选
- CheckBox全选
- checkbox全选
- checkbox 全选
- checkbox全选
- checkbox 全选
- checkbox全选
- checkbox 全选
- 全选(CHECKBOX)
- checkbox全选
- checkBox全选
- CheckBox全选
- 全选checkbox
- CHECKBOX全选
- checkbox 全选
- 相遇Qt5
- java7 新特性
- iptables的一些资料
- 在eclipse中将android工程打包成apk
- iphone4(ios 7.0.4)死机,反复按电源键、不起动 解决
- checkbox全选
- Qt连接MySQL
- Oracle Grid Infrastructure: Understanding Split-Brain Node Eviction (Doc ID 1546004.1)
- HFILE分析
- uva 12530 Game of Tiles (二分图完美匹配+博弈论)
- Qt之编译MySQL数据库驱动(MSVC)
- 寒假学习 第六天 (linux 高级编程)
- Java 泛型 元组的使用
- XML Basic