JS小功能(checkbox實(shí)現(xiàn)全選和全取消)實(shí)例代碼
更新時(shí)間:2013年11月28日 15:38:22 作者:
這篇文章主要介紹了checkbox實(shí)現(xiàn)全選和全取消實(shí)例代碼,有需要的朋友可以參考一下
效果:

代碼:
復(fù)制代碼 代碼如下:
<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全選、取消全選、刪除功能代碼
- Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
- js multiple全選與取消全選實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)復(fù)選框的全選和取消全選效果
- javascript 全選/反選,取消選擇效果
- 基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選
- CheckBox為CheckBoxList實(shí)現(xiàn)全選或全取消選擇(js代碼實(shí)現(xiàn))
- JS控件ASP.NET的treeview控件全選或者取消(示例代碼)
- javascript 全選與全取消功能的實(shí)現(xiàn)代碼
- JS實(shí)現(xiàn)表單全選以及取消全選實(shí)例
相關(guān)文章
基于JavaScript實(shí)現(xiàn)粒子流動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript實(shí)現(xiàn)粒子流動(dòng)效果,文中的示例代碼講解詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2023-09-09前端CryptoJS加密、后端JAVA解密代碼實(shí)現(xiàn)參考
這篇文章主要介紹了前端CryptoJS加密、后端JAVA解密代碼實(shí)現(xiàn)參考,需要的朋友可以參考下2023-12-12JS實(shí)現(xiàn)含有中文字符串的友好截取功能分析
這篇文章主要介紹了JS實(shí)現(xiàn)含有中文字符串的友好截取功能,結(jié)合實(shí)例形式分析了JS針對(duì)含有中文的字符串截取操作相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03