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 相关文章推荐
JS操作图片(增,删,改) 例子
Apr 17 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
判定是否原生方法的JS代码
Nov 12 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
javascript Deferred和递归次数限制实例
Oct 21 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
简介JavaScript错误处理机制
Aug 04 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中计算程序运行时间的类代码
2012/11/03 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
PhpDocumentor 2安装以及生成API文档的方法
2014/05/21 PHP
CI(CodeIgniter)框架介绍
2014/06/09 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Apache如何部署django项目
2017/05/21 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
Python socket实现多对多全双工通信的方法
2019/02/13 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
python语言中有算法吗
2020/06/16 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
趣味活动策划方案
2014/02/08 职场文书
2014三年级班主任工作总结
2014/12/05 职场文书
老公婚前保证书
2015/02/28 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android