欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 全选问题

程序员文章站 2022-03-15 17:38:08
...
<input type="checkbox" id="checkAll"/>全选/全不选
<div id="itemContainer">
    <input type="checkbox" />A
    <input type="checkbox" />B
    <input type="checkbox" />C
</div>
<script type="text/javascript">
window.onload = init;
 
function init() {
    var checkAllNode = document.getElementById("checkAll"),
        itemContainerNode = document.getElementById("itemContainer"),
        items = itemContainerNode.getElementsByTagName("input");
    checkAllNode.onclick = function() {
        for(var i = 0, j = items.length; i < j; i++) {
            items[i].checked = this.checked;
        }
    }
}
</script>

 

相关标签: 文档