您的位置:首页 > Web前端 > JavaScript

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

2017-04-12 15:58 309 查看
----------------------------------------------------------

//第一种方法:存在不足之处

//全选、反选、取消

//全选

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;

}

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: