JS全选、反选代码

2024-09-05 12:22:07

字体：大中小

来源：转载

供稿：网友

很完美的JavaScript表单中的全选与反选代码，用的已经很广泛，但还是有人需要，希望能帮你大忙~~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>全选反选复选框</title><script>function CheckAll(value,obj)  {var form=document.getElementsByTagName("form") for(var i=0;i<form.length;i++){    for (var j=0;j<form[i].elements.length;j++){    if(form[i].elements[j].type=="checkbox"){     var e = form[i].elements[j];     if (value=="selectAll"){e.checked=obj.checked}         else{e.checked=!e.checked;}        }    } }}</script></head><body><form name="form1" method="post" action=""><input name="id" type="checkbox" id="id" value="1"><input name="id" type="checkbox" id="id" value="2"><input name="id" type="checkbox" id="id" value="3"></form><form name="form2" method="post" action=""><input name="id" type="checkbox" id="id" value="4"><input name="id" type="checkbox" id="id" value="5"><input name="id" type="checkbox" id="id" value="6"></form><INPUT onclick=CheckAll('selectAll',this) type=checkbox value=on name=chkall>全选<input type="checkbox" name="invest" value="checkbox" onClick="CheckAll()">反选</body></html>

上一篇：JavaScript检测EMail地址输入是否正确

下一篇：仿百度输入框自动匹配功能的JS代码