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

最新推荐文章于 2023-02-21 15:38:18 发布

揽峰moc

最新推荐文章于 2023-02-21 15:38:18 发布

阅读量127

点赞数

分类专栏： JavaScript

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

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

[align=left][size=large]
----------------------------------------------------------
//[color=red][b]第一种方法：存在不足之处[/b][/color]
//全选、反选、取消
//全选
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;
}
}
}
---------------------------------------------------
[color=red][b]第二种方法：较好[/b][/color]
//全选、反选、取消
//全选
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;
}
}
}
[/size][/align]