3.16号下午课程

今天下午做了两个练习题：

（1）复选框全部选中的效果 示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="checkbox" id= "ck"/>全选
<input type="checkbox" class= "cklist"/>北京
<input type="checkbox" class= "cklist"/>上海
<input type="checkbox" class= "cklist"/>广州
<input type="checkbox" class= "cklist"/>重庆
<input type="checkbox" class= "cklist"/>厦门
</body>
</html>
<script type="text/javascript">
var ck=document.getElementById("ck");
var cklist=document.getElementsByClassName("cklist");
ck.onclick=function(){
if(ck.checked == true){
for(var i=0;i<cklist.length;i++){
cklist[i].checked=true
}
}else{
for(var i=0;i<cklist.length;i++){
cklist[i].checked=false
}
}
}
</script>

 

posted @ 2022-03-17 11:20  嗨小冒  阅读(21)  评论(0)    收藏  举报