在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)

一、在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下:

  // 对全选和取消全选的事件    

    $("#CheckAll").click(function () {
                var checkedOfAll = $(this).prop("checked");
                if (checkedOfAll == true) {
                    $("input[id*=‘check‘]").prop("checked", checkedOfAll);
                } else {
                    $("input[id*=‘check‘]").prop("checked", checkedOfAll);
                }
                checkIds();
            });
            // 对所有子节点添加事件
            $("td :checkbox").click(function () {
                var checkedOfOne = $("td :checkbox:checked");
                var checkedOfTwo = $("td :checkbox");
                // 如果子节点全部没勾选,父节点也取消勾选  
                if (checkedOfOne.length < checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", false);
                }
                // 如果子节点全部选中,父节点也勾选  
                else if (checkedOfOne.length == checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", true);
                }
            });

    //公共方法

    function checkIds() {
            var tmp = "";
            $("input[id*=‘check‘]").each(function () {
                if ($(this).attr("checked") == true) {
                    tmp += $(this).attr("rel") + ",";
                } else {

}
            });
            if (tmp != ‘‘) tmp = tmp.substr(0, tmp.length - 1);
            $("#ctl00_MainHolder_idstb").val(tmp);
        }

二、下面的图片是自己参考的例子:

时间: 2024-12-15 09:03:18

在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)的相关文章

在项目中学习.NET的JQuery attr方法

$('#checkbox').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法如下: 只要把 attr 改成 prop 就好了   分析其中的原因,可以这样理解:它将“属性”与“特性”做了区别,属性指的是“name,id”等等, 特性指的是“selectedIndex, tagName, nodeName”等等. JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性

jquery checkbox勾选/取消勾选的诡异问题

<form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" v

jquery checkbox勾选取消勾选的诡异问题

jquery checkbox勾选/取消勾选的诡异问题jquery checkbox勾选/取消勾选的诡异问题 <form>        你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br />        <input type="checkbox" name="items" value="足球"

WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭

原文:WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭 在我们开发WCF项目的时候,常常会碰到一些莫名其妙的错误,有时候如果根据它的错误提示信息,一般很难定位到具体的问题所在,而由于WCF服务的特殊性,调试起来也不是那么方便,因此往往会花费不少时间来进行跟踪处理.本文介绍我在我在我的框架里面使用WCF服务的时候,出现的一个常见错误的处理方法,它的提示信息是:基础连接已经关闭: 连接被意外关闭.这种情况我碰到的有两种,一种是返回DataTable的时候出现的,一种是返回实体类

eclipse项目中丢失的R包找回方法

当我们项目中的R文件丢失的时候会令我们痛苦不已,怎样找回呢?总不能删了吧,那样心血会毁于一旦的,我们肯定不会那样做,那要怎么办呢?我这里提供三种方法: ?一,一般情况下这样: ?    ?方法一:选中项目clean一下: ?    ?方法二:选中项目然后右击找到Android Tool再Fix一下: ?二,第二种情况下: ?    ?1,找到你的xxx.xml文件,首先找到报错的,把错误改正过来,这样应该就可以了. ?    ?2,如果第一种方法不行,就把自己的xxx.xml文件都改动改动,然后

jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     --> 当元素失去焦点时,触发 blur 事件 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></ti

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

jquery全选/取消全选(反选)/单选操作

使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body>    <div>        <input id="checkAll" type="checkbox" />全选        <input name="subBox" type="checkbox" />

html checkbox 实现全选/取消全选

html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> <th><input type="checkbox" onclick="swapCheck()" /></th> <th>Month</th> <th>Savings</th> </tr