返回复选框全选作业...登陆

复选框全选作业

末幽客2018-12-19 09:07:51179

工作中会经常写一些收集数据的表单和后端,因为复选框以前不知道怎么传值到后端,总是只传了一个过去了,后面就基本没写过,原来 NAME 名称后面加上[]把它变成数组就行了

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>全选作业</title>

 </head>

 <style>

 .box{width:100px;height:200px;border:1px solid #000;margin:0 auto;text-align:center}

 .box div{height:30px;width:100px;border-bottom:1px solid #000;line-height:30px}

 .box>input{margin:10px 0}

 </style>

 <body>


<div>

<div><input type="checkbox" id="checkall" onclick='checkall()'><label for='checkall'>全选</label></div>

<input type="checkbox" name='item[]'>选项1<br>

<input type="checkbox" name='item[]'>选项2<br>

<input type="checkbox" name='item[]'>选项3<br>

<input type="checkbox" name='item[]'>选项4<br>

<input type="checkbox" name='item[]'>选项5<br>

</div>


<script>

function checkall(){

var checkall = document.getElementById('checkall');

var item = document.getElementsByName('item[]');

for(var i=0;i<item.length;i++){

if(checkall.checked){

item[i].checked=true;

}else{

item[i].checked=false;

}

}

}

</script>


 </body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送