js特效checkbox全选

window.onload = function () {
var oChs = document.getElementsByClassName("ck");
var ach = document.getElementById(‘ck1‘);
ach.onclick = function ()
{
if (ach.checked)
{
for (var i = 0; i < oChs.length; i++)
{
oChs[i].checked = 1;
}
}
else
{
for (var j = 0; j < oChs.length; j++) {
oChs[j].checked =false;

}
}
}
for (var i = 0; i < oChs.length; i++) {
oChs[i].onclick = function ()
{
if (this.checked == 0)
{
ach.checked = 0;
}
}
}
}

时间: 2024-10-06 01:18:56

js特效checkbox全选的相关文章

avalon js实现checkbox全选

转载请注明: TheViper http://www.cnblogs.com/TheViper  duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅.下面随便演示一个常见的checkbox全选. 要求:(老掉牙了,还是说一下) 1.勾选了全选框后,下面的子选框全被勾选:没勾选全选框,则子选框全部不勾选 2.子选框如果有一个未勾选,则取消全选框勾选: 3.子选框全部勾选,则勾选全选框 <!DOCTYPE html> <h

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe

JS对checkbox全选和取消全选

需求:checkbox控制列表数据全选与取消全选择. 效果图: 1.html <body > <input type="button" name="inputfile" id="inputfile" value="点击导入" onclick="open();"/> <input type="file" id="File1" name=&q

JS:checkbox 全选及传值相关

判断checkbox是否被选中. if ($('#checkbox-id').attr('checked')) { // do something } if ($("#checkbox-id")get(0).checked) { // do something } if($('#checkbox-id').is(':checked')) { // do something } 前台传值,后台接收值 <script language="javascript" t

js实现checkbox全选,不选,反选

废话少说,先帖代码,然后简述一下遇到的小困难……就是代码中的绿色字体: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3</title> </head> <body> <button id="all_yes">全选</button> &

js解决checkbox全选和反选的问题

function SelectAll() { var checkboxs=document.getElementsByName("chk_list"); for (var i=0;i<checkboxs.length;i++) { var e=checkboxs[i]; e.checked=!e.checked; } } <input type="checkbox" name="choose">跳舞 <input type

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

js初学—实现checkbox全选功能

布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id="div1"> <input type="checkbox" /><br /> <input type="checkbox" /><br /> <input type="checkb

多选框checkbox全选全不选和反选

在判断多选框中的某一个是否被选中时,我们可以用checked的属性 选中了就返回true,没被选中就返回false; 这是html代码: <form action="#"> <label for="hobby">爱好:</label> <label for="hobby1"> <input type="checkbox" name="hobby" id=