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 相关文章推荐
认识延迟时间为0的setTimeout
May 16 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 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
php安装swoole扩展的方法
2015/03/19 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
javascript的tab切换原理与效果实现方法
2015/01/10 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
2015/10/27 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
详解用Node.js实现Restful风格webservice
2017/09/29 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python操作串口的方法
2015/06/17 Python
Python使用自带的ConfigParser模块读写ini配置文件
2016/06/26 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
Python用SSH连接到网络设备
2021/02/18 Python
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
法国足球商店:Footcenter
2019/07/06 全球购物
红领巾心向党广播稿
2014/01/19 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
人力资源管理毕业生自荐信
2014/06/26 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
干部作风建设心得体会
2014/10/22 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
2015年教研工作总结
2015/05/23 职场文书
基层党建工作简报
2015/07/21 职场文书
校运会加油稿大全
2015/07/22 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python