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 Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
js向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
js实现数组转换成json
Jun 26 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
vue单页开发父子组件传值思路详解
May 18 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
vue 需求 data中的数据之间的调用操作
Aug 05 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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使之能同时支持GIF和JPEG
2006/10/09 PHP
用PHP连接Oracle for NT 远程数据库
2006/10/09 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
php动态生成函数示例
2014/03/21 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
深究AngularJS中$sce的使用
2017/06/12 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
python装饰器decorator介绍
2014/11/21 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
python 网络编程详解及简单实例
2017/04/25 Python
python将回车作为输入内容的实例
2018/06/23 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
Python实现数值积分方式
2019/11/20 Python
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
中文系师范生自荐信
2013/10/01 职场文书
夜大毕业生自我鉴定
2013/10/31 职场文书
教师岗位职责范本
2013/12/29 职场文书
学习党章思想汇报
2014/01/07 职场文书
工厂保安员岗位职责
2014/01/31 职场文书
医药销售自我评价200字
2014/09/11 职场文书
SQL注入的实现以及防范示例详解
2021/06/02 MySQL
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript