前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >全选,反选

全选,反选

作者头像
用户3055976
发布2018-09-12 14:59:16
1.7K0
发布2018-09-12 14:59:16
举报
文章被收录于专栏:知道一点点知道一点点
<section class="order-list" id="pagination">
    <ul  id="p1" class=" _current" >
      
        <li class="">
            <input type="checkbox" onclick="selectAll()">
            <label>李四</label>
            <span>799688123@qq.com</span>
            <a>详情</a>
        </li>
        <li class="">
            <input type="checkbox" onclick="selectAll()">
            <label>王武</label>
            <span>799688123@qq.com</span>
            <a>详情</a>
        </li>
    </ul>
    <ul id="p2" class=" " style="display: none;">
        <li class="">
            <input type="checkbox" onclick="selectAll()">
            <label>张三</label>
            <span>799688123@qq.com</span>
            <a>详情</a>
        </li>
        <li class="">
            <input type="checkbox" onclick="selectAll()">
            <label>李四</label>
            <span>799688123@qq.com</span>
            <a>详情</a>
        </li>
    </ul>
    <div class="all-send">
        <input type="checkbox" onclick="checkAll(this)" id="all">全选
        <a>发送</a>
    </div>
</section>
//全选,取消全选
    $("#checkall").click(
        function(){
            if(this.checked){
                $("input[name='user']").prop('checked', true);

            }else{
                $("input[name='user']").removeAttr("checked");
            }
        }
    );
function checkAll(obj) {
    //alert(obj.checked);
    //获取name=box的复选框
    var userids = $(".order-list li input");
    //alert(userids.length);
    for (var i = 0; i < userids.length; i++) {
        userids[i].checked = obj.checked;
    }
}

function selectAll() {
    //获取name=box的复选框
    var userids = $(".order-list li input");
    var count = 0;
    //遍历所有的复选框
    for (var i = 0; i < userids.length; i++) {
        if (userids[i].checked) {
            count++;
        }
    }
    //选中复选框的个数==获取复选框的个数
    if (count == userids.length) {
        //设置id为all复选框选中
        document.getElementById("all").checked = true;
    } else {
        //设置id为all复选框不选中
        document.getElementById("all").checked = false;
    }

}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-07-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档