- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
很完美的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" mrc="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>