使用自定义函数完成全选

Original 2018-12-12 19:31:29 174
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>全选</title> <style type="text/css"> input{margin-top:10px;} </style> <s

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>全选</title>

<style type="text/css">

input{margin-top:10px;}


</style>

<script type="text/javascript">

var checkall,yang


function jun() {

checkall = document.getElementById('checkall')

yang = document.getElementsByName('yang[]')

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

if (checkall.checked) {

yang[i].checked = true;

}else{

yang[i].checked = false;

}

}

}

</script>

</head>

<body>

<input type="checkbox" id="checkall" onclick="jun()"><label for="checkall">全选</label><input type="checkbox" id="checkall" onclick="jie()"><label for="checkall">全不选</label><br>

<br>

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

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

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

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

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

</body>

</html>

SNH2JJO1DR`KS{66WD1AMKK.pngYOOM1I[~QYO8J)WFLISC471.png

Correcting teacher:天蓬老师Correction time:2018-12-12 21:43:58
Teacher's summary:全选,一定要注意name属性的值, 一定是数组格式

Release Notes

Popular Entries