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 API学Jquery 之二 属性
Apr 09 Javascript
javascript 面向对象的JavaScript类
May 04 Javascript
jquery 插件学习(一)
Aug 06 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
Vue中Object.assign清空数据报错的解决方案
Mar 03 Vue.js
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学习之数组值的操作
2011/04/17 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
下拉列表多级联动dropDownList示例代码
2013/06/27 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
php中请求url的五种方法总结
2017/07/13 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
python求解水仙花数的方法
2015/05/11 Python
你应该知道的python列表去重方法
2017/01/17 Python
python日志记录模块实例及改进
2017/02/12 Python
python爬虫获取多页天涯帖子
2018/02/23 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
基于Django统计博客文章阅读量
2019/10/29 Python
Python实现数值积分方式
2019/11/20 Python
python的faker库用法
2019/11/28 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
光声世纪笔试题目
2012/08/25 面试题
诚信考试倡议书
2014/04/15 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
学生干部培训方案
2014/06/12 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
2016年五一促销广告语
2016/01/28 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL