checkbox全选与不全选的切换

    <input type=checkbox name=mm value=a οnclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b οnclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c οnclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d οnclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e οnclick="checkItem(this, 'mmAll')"><br><br>

<input type=checkbox name=mmAll οnclick="checkAll(this, 'mm')">全选与不全选的切换

<script language=Javascript>
    function checkAll(e, itemName) {
        var aa = document.getElementsByName(itemName);
        for (var i = 0; i < aa.length; i++)
            aa[i].checked = e.checked;
    }
    function checkItem(e, allName) {
        var all = document.getElementsByName(allName)[0];
        if (!e.checked) all.checked = false;
        else {
            var aa = document.getElementsByName(e.name);
            for (var i = 0; i < aa.length; i++)
                if (!aa[i].checked) return;
            all.checked = true;
        }
    }
</script>

转载于:https://www.cnblogs.com/shuyu/archive/2010/04/05/1704712.html

发布了0 篇原创文章 · 获赞 7 · 访问量 16万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览