JS小功能(checkbox实现全选和全取消)实例代码
2013-11-28 15:38
1121 查看
效果:
代码:
<head runat="server">
<title></title>
<script type="text/javascript">
window.onload = function () {
var ckall = document.getElementById('ck1');
var ck = document.getElementsByName('name1');
ckall.onclick = function () {
for (var i = 0; i < ck.length; i++) {
if (ckall.checked == true) {
ck[i].checked = true;
}
else {
ck[i].checked = false;
}
}
}
};
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="checkbox" id="ck1" />
全选
<div id="div1">
<input type="checkbox" name="name1" />
<input type="checkbox" name="name1" />
<input type="checkbox" name="name1" />
<input type="checkbox" name="name1" />
<input type="checkbox" name="name1" />
<input type="checkbox" name="name1" />
</div>
</form>
</body>
您可能感兴趣的文章:
相关文章推荐
- JS小功能(checkbox实现全选和全取消)实例代码
- JS小功能(checkbox实现全选和全取消)实例代码
- 基于JS实现checkbox全选功能实例代码
- 点滴积累【JS】---JS小功能(checkbox实现全选和全取消)
- 比较全的JS checkbox全选、取消全选、删除功能代码
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery全选checkBox功能实现代码(取消全选功能)
- 比较全的JS checkbox全选、取消全选、删除功能代码
- GridView控件的选择功能,代码实现CheckBox控件的全选、反选以及取消
- 比较全的JS checkbox全选、取消全选、删除功能代码
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- 比较全的JS checkbox全选、取消全选、删除功能代码
- 比较全的JS checkbox全选、取消全选、删除功能代码
- js/jquery实现checkbox全选和全不选代码总结
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- js和jQuery实现获取id和点击checkbox全选功能
- 使用js实现复选框的全选、取消功能
- JS实现checkbox的全选和取消全选
- jQuery checkbox全选/取消全选实现代码