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 相关文章推荐
获取表单控件原始(初始)值的方法
Aug 21 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
JavaScript插件Tab选项卡效果
Nov 14 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
vue项目配置sass及引入外部scss文件
Apr 14 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
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
推荐一本PHP程序猿都应该拜读的书
2014/12/31 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
2013/07/10 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
JS实现匀速与减速缓慢运动的动画效果封装示例
2018/08/27 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python进阶教程之词典、字典、dict
2014/08/29 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
Django实现基于类的分页功能
2019/10/31 Python
mac使用python识别图形验证码功能
2020/01/10 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
新员工欢迎词
2014/01/12 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
《九寨沟》教学反思
2014/04/08 职场文书
2014年租房协议书范本
2014/10/30 职场文书
污染环境建议书
2015/09/14 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server