js--复选框--全选、反选、取消

最新推荐文章于 2018-07-30 19:36:59 发布

揽峰moc

最新推荐文章于 2018-07-30 19:36:59 发布

阅读量255

点赞数

本文链接：https://blog.csdn.net/big1989wmf/article/details/70143650

版权

----------------------------------------------------------
//第一种方法：存在不足之处
//全选、反选、取消
//全选
function selectAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (!document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = true;
}
}
}
//反选
function selectRerverse() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
} else {
document.form.missiveType[i].checked = true;
}
}
}

//取消
function cancelAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
}
}
}
---------------------------------------------------
第二种方法：较好
//全选、反选、取消
//全选
function selectAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (!es[i].checked) {
es[i].checked = true;
}
}
}
//反选
function selectRerverse() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
} else {
es[i].checked = true;
}
}
}

//取消
function cancelAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
}
}
}