checkbox 全選、全不選、子項全選則全選按鈕也選中
阿新 • • 發佈:2019-02-12
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;
}