实现全选按钮的写法

Original 2019-05-05 22:58:51 331
abstract:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">.box{border: #CCCCCC solid ; height: 250px;

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.box{border: #CCCCCC solid ; height: 250px; width: 100px;margin: 0px auto;}

.box div{border-bottom:2px solid  #CCCCCC;}

.box input{margin: 8px 2px;}

</style>

</head>

<body>

<script>

function Checkall(){

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

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

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

if(checkall.checked){

intem[i].checked = true;


}else{

intem[i].checked = false;

}

}

}

</script>

<div class="box">

<div>

<input type="checkbox" id="checkall" onclick="Checkall()"/>

<label for="checkall">全选</label>

</div>



<input type="checkbox" name="intem[]" />选项1<br />

<input type="checkbox" name="intem[]" />选项2<br />

<input type="checkbox" name="intem[]" />选项3<br />

    <input type="checkbox" name="intem[]" />选项4<br />

    <input type="checkbox" name="intem[]" />选项5<br />

    </div>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-05-06 09:47:43
Teacher's summary:完成的不错。如果是商城的购物车,全选要增加价格计算。继续加油。

Release Notes

Popular Entries