<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>
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/8818.html