让checkbox不选中即将选中的checkbox不选中


Posted in Javascript onJuly 11, 2014

今天在做项目的时候,遇到一个问题。需要把选中的checkbox置空,即将选中的checkbox不选中。最后,发现一个方法很好使,特此记录。

$("input[type='checkbox']").each(function(){
if(this.checked){
this.checked=false;
}
});

原理:循环每一个type为checkbox的input,若其是选中状态,就将他的checked属性置为false就ok了。

当然,若要实现反选的效果,再加一点就好了。代码如下:

$("input[type='checkbox']").each(function(){
if(this.checked){
this.checked=false;
}

if(!(this.checked)){
this.checked=true;
}
});
Javascript 相关文章推荐
JavaScript 数组的 uniq 方法
Jan 23 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
js获取鼠标点击的位置实现思路及代码
May 09 Javascript
js实现不重复导入的方法
Mar 02 Javascript
jquery结合html实现中英文页面切换
Nov 29 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
React学习笔记之事件处理(二)
Jul 02 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
常用jQuery选择器总结
Jul 11 #Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 #Javascript
js动态改变select选择变更option的index值示例
Jul 10 #Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 #Javascript
js确认删除对话框适用于a标签及submit
Jul 10 #Javascript
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 #Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 #Javascript
You might like
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
php 中的closure用法详解
2017/06/12 PHP
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
微信小程序 教程之数据绑定
2016/10/18 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
python 实现堆排序算法代码
2012/06/05 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
想学python 这5本书籍你必看!
2018/12/11 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
基于python实现删除指定文件类型
2020/07/21 Python
大学生优秀的自我评价分享
2013/10/22 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
电子专业自荐信
2014/07/01 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
python实现简单反弹球游戏
2021/04/12 Python
nginx访问报403错误的几种情况详解
2022/07/23 Servers