JS小功能(checkbox实现全选和全取消)实例代码
更新时间:2013年11月28日 15:38:22 作者:
这篇文章主要介绍了checkbox实现全选和全取消实例代码,有需要的朋友可以参考一下
效果:

代码:
复制代码 代码如下:
<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>
相关文章
javascript中的replace函数(带注释demo)
在js中有两个replace函数 一个是location.replace(url) 跳转到一个新的url.一个string.replace("xx","yy") 替换字符串 返回一个新的字符串,该方法并不改变字符串本身。下面通过本文给大家介绍javascript中的replace函数2018-01-01
JavaScript中array.reduce()数组方法的四种使用实例
reduce为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,下面这篇文章主要给大家介绍了关于JavaScript中array.reduce()数组方法的四种使用实例,需要的朋友可以参考下2022-07-07
基于cornerstone.js的dicom医学影像查看浏览功能
这篇文章主要介绍了基于cornerstone.js的dicom医学影像查看浏览功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-07-07
node.js chat程序如何实现Ajax long-polling长链接刷新模式
node.js chat是node.js作者用JS写的一个多人聊天工具, 源代码公开下载,网址是chat.nodejs.org。作者用这个小例子,来展示如何用nodejs开发高效率的应用程序。对于nodejs的学习者来说,是一个很好的例子2012-03-03
解读IE和firefox下JScript和HREF的执行顺序
2008-01-01


最新评论