• 全选,反选


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

    }
  • 相关阅读:
    JDK有关环境变量的配置
    installation Manager的那回事
    WMB ESQL报文函数截取新的XML方法
    mb常用操作指令
    DB2报错SQLSTATE=57017 code page "1392"
    DB2操作命令
    MQ7.1及高版本的新特性
    Java项目打jar包及外部运行
    loadrunner
    Ireport5那些事
  • 原文地址:https://www.cnblogs.com/937522zy/p/7149431.html
Copyright © 2020-2023  润新知