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>

  • 相关阅读:
    2019浙江理工校赛有感
    问题 G: 跳马棋
    问题 H: 象棋对局胜负
    问题 C: 远离原点
    问题 B: 合并车厢
    Hibernate 异常汇总
    设计模式
    1.2.1.2.1.12.34.3.1.34.1.2
    数据结构和算法之 查找
    数据结构和算法之排序算法
  • 原文地址:https://www.cnblogs.com/pxxdbk/p/12668369.html
Copyright © 2011-2022 走看看