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实现无刷新DropDownList联动实现代码
Mar 08 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
js中利用cookie实现记住密码功能
Aug 20 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
vue mvvm数据响应实现
Nov 11 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中随机显示图片的函数代码
2011/06/23 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
php集成开发环境详解
2019/09/24 PHP
js 字符串转化成数字的代码
2011/06/29 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
javascript实现下雨效果
2017/03/27 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python中字典映射类型的学习教程
2015/08/20 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
在python中求分布函数相关的包实例
2020/04/15 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
海量信息软件测试笔试题
2015/08/08 面试题
中学优秀班主任事迹材料
2014/05/01 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
暑期培训班招生方案
2014/08/26 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL