• 全选,反选


    <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;
    }

    }
  • 相关阅读:
    JS图片不间断滚动代码(向上,向下,向左,向右)
    存储过程int型转字符型
    DataList编辑、更新、取消、删除、分页
    js设置焦点
    iFrame只要竖滚动条,不要横滚动条
    C#中通过值和引用传递参数
    关于C#值类型,引用类型,值传递,引用传递
    提醒自我
    c#读取html文件内容替换之后再写入
    sql中替换字符串
  • 原文地址:https://www.cnblogs.com/937522zy/p/7149431.html
Copyright © 2020-2023  润新知