php全选框样式,全选框功能实现

摘要：html>

全选

.box{width: 120html>

全选

.box{width: 120px;height: 250px;border: 1px solid #000;border-radius: 5px;padding: 5px 10px;margin: 20px auto;}

.box div{border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 8px;}

.box input{margin: 8px;}

function checkAll() {

var checkall,item;

checkall=document.getElementById('checkall')//获取全选

item=document.getElementsByName("item[]")//获取下面的勾选框

for(var i=0;i

if(checkall.checked){

item[i].checked=true;

}else{

item[i].checked=false;

}

}

}

全选

选项1

选项2

选项3

选项4

选项5

选项6

批改老师：查无此人批改时间：2019-05-06 09:37:12

老师总结：完成的不错。如果是商城的购物车，全选要增加价格计算。继续加油。