- <html>
- <head>
- <title>全部勾选所有复选框</title>
- <metahttp-equivmetahttp-equiv="Content-Type" content="text/html;charset=UTF-8"/>
- <scripttypescripttype="text/javascript">
- //勾选所有的函数
- functioncheckAll(c){
- //获取所有的复选框
- var arr= document.getElementsByName('myname');
- if(c){ //是否全选
- //遍历所有的复选框
- for(vari=0;i<arr.length;i++){
- arr[i].checked= true;//选中
- }
- }else{ //否则,全不选
- //遍历所有的复选框
- for(vari=0;i<arr.length;i++){
- arr[i].checked= false;//不选中
- }
- }
- }
- </script>
- </head>
- <bodystylebodystyle="text-align:center">
- <!--定义表单 -->
- <form>
- 你的兴趣:<br>
- <inputtypeinputtype="checkbox" name="myall"onclick="checkAll(this.checked)"/>全选<br>
- <br/><br/>
- <inputtypeinputtype="checkbox" name="myname" />全选
- <inputtypeinputtype="checkbox" name="myname" />全选
- <inputtypeinputtype="checkbox" name="myname" />全选
- </form>
- </body>
- </html>
来源: http://www.phpxs.com/code/1003706/