让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 相关文章推荐
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
javascript中encodeURI和decodeURI方法使用介绍
May 06 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 Javascript
如何理解Vue前后端数据交互与显示
May 10 Vue.js
Vue监视数据的原理详解
Feb 24 Vue.js
常用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五年积累的一些经验技巧
2013/06/20 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
PHP实现的装箱算法示例
2018/06/23 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
海量经典的jQuery插件集合
2010/01/12 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
原生js实现倒计时--2018
2017/02/21 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
利用Python实现Windows定时关机功能
2017/03/21 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
对python中return与yield的区别详解
2020/03/12 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
abstract class和interface有什么区别?
2012/01/03 面试题
介绍一下Java中的Class类
2015/04/10 面试题
最新自我评价范文
2013/11/16 职场文书
自我鉴定标准格式
2014/03/19 职场文书
安徽导游词
2015/02/12 职场文书
民事起诉状范文
2015/05/19 职场文书
2016年寒假生活小结
2015/10/10 职场文书
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers
防止web项目中的SQL注入
2021/12/06 MySQL