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 相关文章推荐
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
JS获取并操作iframe中元素的方法
Mar 21 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
Vue和Flask通信的实现
May 19 Vue.js
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程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
PHP易混淆函数的区别及用法汇总
2014/11/22 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
vue项目中引入Sass实例方法
2019/08/27 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
[01:01:52]完美世界DOTA2联赛PWL S2 GXR vs Magma 第二场 11.25
2020/11/26 DOTA
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
港湾网络笔试题
2014/04/19 面试题
给全校老师的建议书
2014/03/13 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
纪律委员竞选稿
2015/11/19 职场文书
高中政治教学反思
2016/02/23 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
Python基础之元组与文件知识总结
2021/05/19 Python