博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery checkbox 全选实现
阅读量:5053 次
发布时间:2019-06-12

本文共 1782 字,大约阅读时间需要 5 分钟。

asp.net的全选。

我用了一个html控件 checkbox 。 全选和一个服务器控件 
首先默认全选。 $(document).ready( function () { $("[id^=chblst]").attr("checked", true); $("#ckAll").attr("checked",true); } );
$(function () {               $("#btnSearch").click               (                   function () {                       if ($("#txtTime").val() == "" || $("#txtTime").val().length == 0) {                           $("#txtTime").focus();                           alert("时间不能为空!");                           return false;                       }                       return true;                   }               );//查找事件                $("#ckAll").click                 (                   function () {                       $("input[id^=chblst]").attr("checked", $("#ckAll").attr("checked"));                   }                 )                 ;//选择全选按钮时,所有input类型的id以chblst开头的控件的checked状态与ckAll一致。                $("input[id^=chblst]").click(function (e) {                   $("input[id^=chblst]").each(function () {                       if (!$(this).attr("checked")) {                           $("input[id=ckAll]").attr("checked", false);                           return false;                                               }                       else {                           $("input[id=ckAll]").attr("checked", true);                       }                   });               });//所有类型为input的id以chblst开头的对象,点击后,若全部都选择,则cbAll为选中状态,否则为false           });

attr("checked", false),false所在的参数位,jquery的规则是认空字符“”为false,非空字符“false”为true。

也就是说,即使是这样attr("checked", “false”),属性的checked状态也为true,由此可以推出=》attr("checked", 0)为false,attr("checked", 1)为true.

转载于:https://www.cnblogs.com/pigddyou/archive/2012/08/02/2619976.html

你可能感兴趣的文章
Spark MLlib 之 Naive Bayes
查看>>
php修改SESSION的有效生存时间
查看>>
spring security 11种过滤器介绍
查看>>
Hibernate一对多、多对一关联
查看>>
一、记录Git使用中遇到的问题及解决方法
查看>>
学习网址
查看>>
前端表格插件datatables
查看>>
内部类
查看>>
树链剖分入门
查看>>
图解算法时间复杂度
查看>>
UI_搭建MVC
查看>>
一个样例看清楚JQuery子元素选择器children()和find()的差别
查看>>
代码实现导航栏分割线
查看>>
Windows Phone开发(7):当好总舵主 转:http://blog.csdn.net/tcjiaan/article/details/7281421...
查看>>
VS 2010打开设计器出现错误
查看>>
SQLServer 镜像功能完全实现
查看>>
Vue-详解设置路由导航的两种方法
查看>>
一个mysql主从复制的配置案例
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
dvwa网络渗透测试环境的搭建
查看>>