checkbox 全选、全不选、子项全选则全选按钮也选中
2017-03-30 16:49
302 查看
HTML:
<input type="checkbox" class="fl" name = "allBirthDate" onclick="checkAll('checkBirthDate',event)"/>全选</span>
<input type="checkbox" name="checkBirthDate" onclick="checkItem('allBirthDate',event)"/>
JS:
// 表格全选,反选
function checkAll(str, ev) {
var a = document.getElementsByName(str);
var n = a.length;
var target = ev.srcElement || ev.target;
for (var i = 0; i < n; i++)
a[i].checked = target.checked;
}
function checkItem(str, ev) {
var e = ev.srcElement || ev.target;
var all = eval("document.all." + str);
if (e.checked) {
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i = 0; i < a.length; i++) {
if (!a[i].checked) {
all.checked = false;
break;
}
}
} else
all.checked = false;
}
<input type="checkbox" class="fl" name = "allBirthDate" onclick="checkAll('checkBirthDate',event)"/>全选</span>
<input type="checkbox" name="checkBirthDate" onclick="checkItem('allBirthDate',event)"/>
JS:
// 表格全选,反选
function checkAll(str, ev) {
var a = document.getElementsByName(str);
var n = a.length;
var target = ev.srcElement || ev.target;
for (var i = 0; i < n; i++)
a[i].checked = target.checked;
}
function checkItem(str, ev) {
var e = ev.srcElement || ev.target;
var all = eval("document.all." + str);
if (e.checked) {
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i = 0; i < a.length; i++) {
if (!a[i].checked) {
all.checked = false;
break;
}
}
} else
all.checked = false;
}
相关文章推荐
- checkbox全选 全不选 所有的子项选中或者不全选中后,全选按钮也选中或者不选中
- checkbox全选 全不选 所有的子项选中或者不全选中后,全选按钮也选中或者不选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- checkbox全选反选。如果子项中有一项未选择则全选checkbox不选中,如果子项全部选中则全选checkbox选中
- ext 中checkbox 无法取消选中行,全选按钮全选问题
- 点选框 全选 按钮 选中ID 传入后台
- 如何通过按钮来控制checkbox选中还是不被选中
- GridView控件与CheckBox结合,实现全选功能,同时实现删除选中的多行数据
- jquery实现全选、反选、获得所有选中的checkbox
- 如何记录ListView滚动后CheckBox保持选中状态以及当全选后让滚动出来的item也被选中
- checkbox的全选和取消全选按钮的js
- Android ListView(Selector 背景图片 全选 Checkbox等按钮)
- java基础---Jquery复选框checkbox全选反选及选中事件
- table表格的checkbox的全选和选中
- jQuery 获取所有checkbox选中的值 、 全选checkbox等
- jQuery复选框全选按钮checkbox
- checkbox全选按钮
- 全选,取消全选gridview中的checkbox, 点击某一项的checkbox时,自动识别是否应该将checkAll设为选中还是非选中
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值