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>

  • 相关阅读:
    【深入理解jvm笔记】Java发展史以及jdk各个版本的功能
    老罗Android视频教程(第一版)
    微软平台开发
    asp.net mvc 小结
    JavaScript代码段
    CSS代码片段
    c#代码片段
    Windows Phone 链接
    HttpRequest
    Win32
  • 原文地址:https://www.cnblogs.com/pxxdbk/p/12668369.html
Copyright © 2011-2022 走看看