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的一个拖拽到指定区域内的效果
Sep 21 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
Vue实现简易翻页效果源码分享
Nov 08 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 Vue.js
Javascript webpack动态import
Apr 19 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+xslt在windows平台上
2006/10/09 PHP
PHP+DBM的同学录程序(5)
2006/10/09 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php常用文件操作函数汇总
2014/11/22 PHP
Yii框架form表单用法实例
2014/12/04 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
Python Image模块基本图像处理操作小结
2019/04/13 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
生日邀请函范文
2014/01/13 职场文书
便利店的创业计划书
2014/01/15 职场文书
大学自我评价
2014/02/12 职场文书
青春演讲稿范文
2014/05/08 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
违纪学生保证书
2015/02/27 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server