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 相关文章推荐
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
详解jQuery中的DOM操作
Dec 23 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
vue过滤器用法实例分析
Mar 15 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 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 5.0创建图形的巧妙方法
2010/10/12 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
PHP实现添加购物车功能
2017/03/06 PHP
PHP实现百度人脸识别
2019/05/06 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
jquery插件jTimer(jquery定时器)使用方法
2013/12/23 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
2014/06/23 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
2015/02/28 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
vue form表单post请求结合Servlet实现文件上传功能
2021/01/22 Vue.js
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Python3遍历目录树实现方法
2015/05/22 Python
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
django 模版关闭转义方式
2020/05/14 Python
Python中常用的os操作汇总
2020/11/05 Python
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
大学军训通讯稿
2014/01/13 职场文书
万能检讨书2000字
2014/10/17 职场文书
职代会闭幕词
2015/01/28 职场文书
浅谈python中的多态
2021/06/15 Python
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA