php全选 全不选,使用JavaScript实现全选（全不选）按钮

摘要：有如下案例，使用JavaScript实现全选(全不选)按钮。这个按钮在实际开发中也是很常用的，源码附上   html>

有如下案例，使用JavaScript实现全选(全不选)按钮。

这个按钮在实际开发中也是很常用的，源码附上html>

多选框练习

全选/全不选

---

羽毛球

蓝球

橄榄球

乒乓球

足球

棒球

---

function setAll() {

var a=document.getElementsByName("nn");//先获取input多选框

//获取的a是个数组，遍历这个数组，设置checked属性

for(var i=0;i

a[i].checked=true;//checked为true时是选中，false时是未选中

}

}

function setNone() {

var a=document.getElementsByName("nn");

for(var i=0;i

a[i].checked=false;

}

}

function setBack() {

var c=document.getElementsByName("nn");

for(var i=0;i

if(c[i].checked==true){

c[i].checked=false;

}

else{

c[i].checked=true;

}

}

}

function set() {

var d=document.getElementById("n2");

if(d.checked==true){

setAll();//直接调用已有的方法，设置checked属性

}

else{

setNone();

}

}

批改老师：欧阳批改时间：2019-05-05 10:33:23

老师总结：完成的不错。这个最简单的全选，之后的商城购物车功能，还会增加计算购物车里商品的总价。继续加油