搜索

我自己写的案例

原创 2019-03-21 14:16:53 355
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

</style>

<script>

function checkAll() {

let checkall, item;

checkall = document.getElementById("checkall");

item = document.getElementsByName("item[]");

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

if(checkall.checked) {

item[i].checked = true;

}else{

item[i].checked = false;

}

}

}

</script>

</head>

<body>

<div class="box">

<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>

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

</div>

</body>

</html>


批改老师:天蓬老师批改时间:2019-03-21 14:51:42
老师总结:全选操作很常用, 有多种实现方案, 想一下, 还有什么办法可以做到

发布手记

热门词条