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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
js时间查询插件使用详解
Apr 07 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 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 生成N个不重复的随机数
2015/01/21 PHP
php实现图片缩略图的方法
2016/03/29 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
JS与框架页的操作代码
2010/01/17 Javascript
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
jquery实现居中弹出层代码
2010/08/25 Javascript
JavaScript中清空数组的三种方法分享
2011/04/07 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
Python的Bottle框架中返回静态文件和JSON对象的方法
2015/04/30 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
详解python的super()的作用和原理
2020/10/29 Python
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
公司行政经理岗位职责
2013/12/24 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
数学教师求职信范文
2015/03/20 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏