jquery在项目中做复选框时遇到的一些问题笔记


Posted in Javascript onNovember 17, 2013

关于复选框

昨天在做一个复选框的时候,一开始以为应该挺简单的,想当然了一下,主要的功能就是点击一个按钮,比如是全部选中这个一个功能,然后下面的所有列表全部选中的效果。

后来在实践中还是遇到了很多的问题,注意在input的checkbox中,用普通的attr属性来判断是不可以的,因为checked的值是checked,只有用prop这个属性才能该改变!!!!见api文档,后来在百度中发现了这个在官方的api中就已经有说明了,附上jquery中一个prop的api地址http://api.jquery.com/prop/,其中有一个例子很经典,通过判断is(":checked")对比了attr,prop,值得一看后来代码改了下;

$("#main-manage").on('click',"#selectAll", function(event) { 
$("#xunTable").find('input').not(":disabled").each(function(index, el) { 
if($("#selectAll").is(":checked")){ 
$(this).prop('checked', 'true'); 
} 
else{ 
$(this).prop('checked', 'false'); 
$(this).removeAttr('checked'); 
} 
}); 
});
Javascript 相关文章推荐
jQuery实战之品牌展示列表效果
Apr 10 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
javascript数组操作总结和属性、方法介绍
Apr 05 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
Angular 4环境准备与Angular cli创建项目详解
May 27 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 #Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 #Javascript
jquery+json实现数据列表分页示例代码
Nov 15 #Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 #Javascript
jquery实现图片灯箱明暗的遮罩效果
Nov 15 #Javascript
js螺旋动画效果的具体实例
Nov 15 #Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 #Javascript
You might like
世界收音机发展史
2021/03/01 无线电
PHP常用代码
2006/11/23 PHP
php print EOF实现方法
2009/05/21 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
使用python制作游戏下载进度条的代码(程序说明见注释)
2019/10/24 Python
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
商场经理竞聘演讲稿
2014/01/01 职场文书
报关专员求职信范文
2014/02/22 职场文书
制冷与空调专业毕业生推荐信
2014/07/07 职场文书
2014年电教工作总结
2014/12/19 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
2015年环卫工作总结
2015/04/28 职场文书
同事打架检讨书
2015/05/06 职场文书
部门主管竞聘书
2015/09/15 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android