[学习笔记]JavaScript基础--全选

来源：互联网发布：凯迪网络猫眼看人编辑：程序博客网时间：2024/05/17 23:27
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title><meta charset="utf-8" />    <script>        window.onload = function ()        {            var oBtn1 = document.getElementById('btn1');            var oBtn2 = document.getElementById('btn2');            var oBtn3 = document.getElementById('btn3');            var oDiv = document.getElementById('div1');            var aCh = oDiv.getElementsByTagName('input');            oBtn1.onclick = function ()            {                //aCh[0].checked = true;                for (var i = 0; i < aCh.length;i++)                {                    aCh[i].checked = true;                }            };            oBtn2.onclick = function ()            {                for (var i = 0; i < aCh.length; i++) {                    aCh[i].checked = false;                }            };            oBtn3.onclick = function ()            {                for (var i = 0; i < aCh.length; i++)                {                    if (aCh[i].checked ==true)                    {                        aCh[i].checked = false;                    }                    else                    {                        aCh[i].checked = true;                    }                }            };        };    </script></head><body>    <input id="btn1" type="button" value="全选"/><br>    <input id="btn2" type="button" value="不选" /><br>    <input id="btn3" type="button" value="反选" /><br>    <div id="div1">        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>        <input type="checkbox" /><br>    </div></body></html>
0 0