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 相关文章推荐
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
Angular处理未可知异常错误的方法详解
Jan 17 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
用PHP和ACCESS写聊天室(一)
2006/10/09 PHP
PHP 编程的 5个良好习惯
2009/02/20 PHP
php 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
php根据年月获取季度的方法
2014/03/31 PHP
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
纯异步nodejs文件夹(目录)复制功能
2019/09/03 NodeJs
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
python进阶教程之循环对象
2014/08/30 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Steiff台湾官网:德国金耳釦泰迪熊
2019/12/26 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
JVM是一个编译程序还是解释程序
2012/09/11 面试题
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
自我评价的正确写法
2013/09/19 职场文书
学校经典推荐信
2013/10/30 职场文书
致接力运动员广播稿
2014/02/17 职场文书
《愚公移山》教学反思
2014/02/20 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
结婚老公保证书
2015/02/26 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
python字符串的多行输出的实例详解
2021/06/08 Python