复选框全选作业

Original 2018-12-19 09:07:51 179
abstract:工作中会经常写一些收集数据的表单和后端,因为复选框以前不知道怎么传值到后端,总是只传了一个过去了,后面就基本没写过,原来 NAME 名称后面加上[]把它变成数组就行了<!doctype html><html> <head>  <meta charset="UTF-8">  <meta

工作中会经常写一些收集数据的表单和后端,因为复选框以前不知道怎么传值到后端,总是只传了一个过去了,后面就基本没写过,原来 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>


Correcting teacher:韦小宝Correction time:2018-12-19 09:30:57
Teacher's summary:是的!写的没毛病!课后记得多练习哦!继续加油吧!

Release Notes

Popular Entries