JavaScript基础之全选

来源：互联网发布：路由器主人网络设置编辑：程序博客网时间：2024/05/19 07:25

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><input type="checkbox">全选<p>    <input type="checkbox">张三    <input type="checkbox">李四    <input type="checkbox">王五</p><script>    var myapp = document.getElementsByTagName("input")[0];    var op = document.getElementsByTagName("p")[0];    var aCheck = op.getElementsByTagName("input");    myapp.onclick=function () {        if (this.checked){            for (var i=0;i<aCheck.length;i++){                aCheck[i].checked=true;            }        } else {            for (var i=0;i<aCheck.length;i++){                aCheck[i].checked=false;            }        }    };    var num=0;    for (var i=0;i<aCheck.length;i++){        aCheck[i].onclick=function () {            if (this.checked){                num++;            } else {                num--;            }            console.log(num);            if (num==aCheck.length){                myapp.checked=true;            } else {                myapp.checked=false;            }        };    }</script></body></html>

阅读全文

0 0