本例主要说明如何使用JavaScript实现全选功能。效果图如下
点击“全选”前
点击“全选”后
代码如下：
<html>
<head>
<title>全部勾选所有复选框</title>
<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<scripttype="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>
<bodystyle="text-align:center">
<!--定义表单 -->
<form>
你的兴趣：<br>
<inputtype="checkbox" name="myall"onclick="checkAll(this.checked)"/>全选<br>
<br/><br/>
<inputtype="checkbox" name="myname" />全选
<inputtype="checkbox" name="myname" />全选
<inputtype="checkbox" name="myname" />全选
</form>
</body>
</html>
版权声明：本文为博主原创文章，未经博主允许不得转载。
时间： 2024-10-24 11:32:38