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 相关文章推荐
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
Nov 23 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 Javascript
WEB前端性能优化的7大手段详解
Feb 04 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
substr()函数中文版
2006/10/09 PHP
php 静态化实现代码
2009/03/20 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
js中reverse函数的用法详解
2013/12/26 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
python基础练习之几个简单的游戏
2017/11/10 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
用python与文件进行交互的方法
2018/03/01 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
python3对接mysql数据库实例详解
2019/04/30 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
python SVM 线性分类模型的实现
2019/07/19 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
如何使用Python调整图像大小
2020/09/26 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
工程师岗位职责
2013/11/08 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
考试不及格的检讨书
2014/01/22 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
珍爱生命主题班会
2015/08/13 职场文书