通过js来制作复选框的全选和不选效果
2014-05-22 09:16
841 查看
<html>
<head>
<title>制作全选效果</title>
<script language="javascript">
function selectAll(){
allcheckBoxs=document.getElementsByName("a");
var a2=document.getElementsByName("a1");
if(a2[0].checked){
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = true;
}
}else{
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = false;
}
}
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr><td colspan="2"><img src="images/head.jpg"/></td></tr>
<tr>
<td><input type="checkbox" name="a1" onclick="selectAll()" />全选/全不选</td>
<td> <img src="images/top.jpg"/></td>
</tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/one.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/two.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/three.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/four.jpg"/></td></tr>
</table>
</form>
</body>
</html>
相关文章推荐
- 制作复选框的全选和不选效果
- 使用html+css+js技术编写一个完整的表格列表内容中 复选框的全选 反选效果
- js实现复选框的全选和取消全选效果
- 通过JS,全选当前页面所有的复选框
- EasyUI入门2 datagrid复选框全选效果(通过约束条件实现部分项参与的全选效果)
- js实现复选框全选效果,已经用后台获取选中的复选框的值
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- js制作选型全选不全选效果
- js全选 复选框的问题
- JS实现多个复选框全选
- 原创:利用JS制作GIF动画图(及图片轮转显示效果)
- js javascript 实现复选框全选功能 删除复选框选中项功能
- js全选 复选框的问题
- js单个点击展开,再点击折叠效果(IE/FF下通过)
- js实现复选框的全选与反选
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- js全选 复选框的问题
- 通过JS将复选框做成单选框一样,选中还可以取消