zoukankan      html  css  js  c++  java
  • 全选和反选

    <script>
    $(function () {
    //先获取j_cbAll的这个复选框,注册点击事件,点击的时候让下面tbody中所有的复选框选中和不全选
    //让tbody中所有的复选框的选中状态和当前的这个全选的复选框的选中状态一致
    $("#j_cbAll").click(function () {
    var cked=$(this).prop("checked");//保存当前复选框的选中状态
    //获取tbody中所有的复选框
    $("#j_tb").find(":checkbox").prop("checked",cked);
    });

    //获取tbody中所有的复选框
    $("#j_tb").find(":checkbox").click(function () {
    //先获取tbody中所有的复选框的个数
    var length1=$("#j_tb").find(":checkbox").length;
    //再获取tbody中所有选中的复选框的个数
    var length2=$("#j_tb").find(":checked").length;
    //二者比较,如果相同,让最上面的复选框选中,否则不选中
    if(length1==length2){
    //都选中了
    $("#j_cbAll").prop("checked",true);
    }else{
    //有没选中
    $("#j_cbAll").prop("checked",false);
    }
    });
    });
    </script>

  • 相关阅读:
    JSP—简介
    Dream
    树状数组模板
    夜未央Test1题解
    夜未央Test1
    并查集模板
    给即将面临Noip的二班同学
    USACO chapter1
    二叉堆模板
    线段树模板
  • 原文地址:https://www.cnblogs.com/pxxdbk/p/12668369.html
Copyright © 2011-2022 走看看