JavaScrip 通过for循环条件判断全选

原创 2019-01-12 21:57:15 335
摘要:for条件判断是否出错????其中[]用法是否将声明的i填入判断的意思<!DOCTYPE html><html><head> <title>aaa</title> <meta charset="utf-8"> <style type="text/css"> .box{widt

for条件判断是否出错????

其中[]用法是否将声明的i填入判断的意思

<!DOCTYPE html>

<html>

<head>

<title>aaa</title>

<meta charset="utf-8">

<style type="text/css">

.box{width: 120px;height: 250px;border: 1px solid #ccc;}

.box input{margin: 10px;}

</style>

</head>

<body>

<script type="text/javascript">//声明all,执行代码{声明ALL与NU,获取ALL与NU。条件循环判断I=0,当I的长都小于NU,I值相加}

function all(){

var all,nu;

all=document.getELenmentById("all")

nu=document.getELenmentsByName("nu")

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

if(all.checked){

nu[i].checked=true;

}

else{nu[i].checked=false;}

}


</script>

<div class="box">

<div><input type="checkbox" id="all" onclick="all()"><label for="all"></label>全选</div>

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

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

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

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

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

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

</div>

</body>

</html>

批改老师:天蓬老师批改时间:2019-01-13 09:56:04
老师总结:nu[i].checked=true;这行代码很关键, 写得不错, 功能也能实现,原生js比较难学,要坚持

发布手记

热门词条