JavaScript实现复选框全选与取消的功能_JavaScript

JavaScript实现复选框全选与取消的功能

来源:网络作者:佚名点击: 次时间:2017-08-07 22:14

[摘要] JavaScript实现复选框全选与取消的功能

<body>

<input type="checkbox" id="checkAll"/>全选<br>

<hr>

<input type="checkbox" name="color"/>红色<br>

<input type="checkbox" name="color"/>黄色<br>

<input type="checkbox" name="color"/>蓝色<br>

</body>

<script>

    window.onload=function()

    {

        document.getElementById("checkAll").onclick = checkall;

    }

    function checkall()

    {

        var dom = document.getElementById("checkAll");

        var doms = document.getElementsByName("color");

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

        {

            doms.item(i).checked = dom.checked;

        }

    }

</script>

标签： JavaScript

相关内容

------分隔线----------------------------

上一篇：js onload 实现图片预加载方法
下一篇： js数组去重的三种常用方法总结

[关闭窗口] [返回顶部]

栏目列表

推荐内容

热点内容

搜索

热门标签:

JavaScript实现复选框全选与取消的功能