JS小功能(checkbox实现全选和全取消)实例代码
2013-11-29 10:24
1171 查看
效果:
代码:
代码如下:
<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>
代码:
代码如下:
<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 checkbox全选、取消全选、删除功能代码
- GridView控件的选择功能,代码实现CheckBox控件的全选、反选以及取消
- 比较全的JS checkbox全选、取消全选、删除功能代码
- 比较全的JS checkbox全选、取消全选、删除功能代码
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- 比较全的JS checkbox全选、取消全选、删除功能代码
- 点滴积累【JS】---JS小功能(checkbox实现全选和全取消)
- 比较全的JS checkbox全选、取消全选、删除功能代码
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery全选checkBox功能实现代码(取消全选功能)
- Javascript实现CheckBox的全选与取消全选的代码
- JS小功能(onmouseover实现选择月份)实例代码
- jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
- JQuery实现checkbox的全选/取消全选,实现类似于邮箱功能
- js实现页面打印功能实例代码(附去页眉页脚功能代码)
- gridview中Checkbox全选或全取消的js代码