jQuery中实现prop()函数控制多选框(全选,反选)


Posted in Javascript onAugust 19, 2016

今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来。

prop() : 获取匹配元素集中第一个元素的值

判断checkbox中的第一个是否被选中:

$(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回false.

禁用和选中页面上的所有复选框:

$("input[type='checkbox']").prop("disabled", true);
$("input[type='checkbox']").prop("checked", true);

反选页面上的所有复选框:

$("input[type='checkbox']").prop("checked", function( i, val ) {  //i:索引 val:true/false(选中为true,否则为false)
 return !val;
});

以上这篇jQuery中实现prop()函数控制多选框(全选,反选)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery的direction图片渐变动画效果
May 24 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
Bootstrap按钮组件详解
Apr 26 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
node.js文件上传处理示例
Oct 27 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
微信小程序 五星评价功能的实现
Mar 09 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
Node.js实现简单管理系统
Sep 23 Javascript
Angular中$cacheFactory的作用和用法实例详解
Aug 19 #Javascript
AngularJS入门教程之更多模板详解
Aug 19 #Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 #Javascript
JS获取当前页面名称的简单实例
Aug 19 #Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 #Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 #Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 #Javascript
You might like
PHP判断远程url是否有效的几种方法小结
2011/10/08 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
javascript下查找父节点的简单方法
2007/08/13 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
jQuery中的$.ajax()方法应用
2014/05/06 Javascript
JavaScript window.location对象
2014/11/14 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
2015/11/07 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
Python实现图片转字符画的示例
2017/08/22 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
python 实现两个npy档案合并
2020/07/01 Python
python asyncio 协程库的使用
2021/01/21 Python
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
加工操作管理制度
2014/01/19 职场文书
幼儿园新年寄语
2014/04/03 职场文书
四群教育工作总结
2015/08/10 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python