1109学习记录 java script 基础知识实例

来源：互联网发布：王洋java视频编辑：程序博客网时间：2024/05/22 02:27
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>wocao</title><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()    {        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>    <input type="checkbox" /><br>    <input type="checkbox" /><br></div></body></html>
0 0