全选反选复选框checkbox
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head><title> New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><script type="text/javascript"><!--// 说明：Javascript 控制 CheckBox 的全选与取消全选// 整理：http://www.CodeBit.cn function checkAll(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el.type=="checkbox") && (el.name==name)) { el.checked = true; } }}function clearAll(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el.type=="checkbox") && (el.name==name)) { el.checked = false; } }}//--></script> </head> <body><input type="checkbox" name="test" value=""/> 字母全选开关<input type="checkbox" name="test" value="a" /> a<input type="checkbox" name="test" value="b" /> b<input type="checkbox" name="test" value="c" /> c<input type="checkbox" name="test" value="d" /> d<input type="checkbox" name="test" value="e" /> e<input type="checkbox" name="test" value="f" /> f<input type="checkbox" name="test" value="g" /> g <br /> <input type="checkbox" name="num" value="" /> 数字全选开关<input type="checkbox" name="num" value="1" /> 1<input type="checkbox" name="num" value="2" /> 2<input type="checkbox" name="num" value="3" /> 3 <br /><br /> <input type="button" value="选择所有的字母"/><input type="button" value="清空选中的字母"/> <br /><br /> <input type="button" value="选择所有的数字"/><input type="button" value="清空选中的数字"/> </body></html>
页:
[1]