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字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
Javascript中的变量使用说明
May 18 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
Jun 19 Javascript
js实现的二分查找算法实例
Jan 21 Javascript
纯JS代码实现气泡效果
May 04 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
记录一次开发微信网页分享的步骤
May 07 Javascript
element中table高度自适应的实现
Oct 21 Javascript
JavaScript中跨域问题的深入理解
Mar 04 Javascript
解决vue中provide inject的响应式监听
Apr 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网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
JavaScript DOM 添加事件
2009/02/14 Javascript
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
range 标准化之获取
2011/08/28 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
JavaScript简单编程实例学习
2020/02/14 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
python实现学生信息管理系统
2020/04/05 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
python实现批处理文件
2020/07/28 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
公司任命书模板
2014/06/06 职场文书
人力资源职位说明书
2014/07/29 职场文书
党员民主生活会材料
2014/12/15 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
实用求职信模板范文
2019/05/13 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript