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

 更新时间:2014年07月11日 15:32:54   投稿:whsnow  
把选中的checkbox置空,即将选中的checkbox不选中,实现的方法很多,下面为大家分享个不错可行,已测试的好方法,希望对大家有所帮助

今天在做项目的时候,遇到一个问题。需要把选中的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;
}
});

相关文章

  • JQuery onload、ready概念介绍及使用方法

    JQuery onload、ready概念介绍及使用方法

    页面加载完成有两种事件,一是ready,表示文档结构已经加载完成,onload,ready概念容易混淆,下面为大家详细介绍下
    2013-04-04
  • Jquery绑定事件(bind和live的区别介绍)

    Jquery绑定事件(bind和live的区别介绍)

    Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件
    2013-08-08
  • jQuery中(function($){})(jQuery)详解

    jQuery中(function($){})(jQuery)详解

    本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义,对此有相同困惑的小伙伴可以参考下本文。
    2015-07-07
  • 从零开始学习jQuery (六) jquery中的AJAX使用

    从零开始学习jQuery (六) jquery中的AJAX使用

    本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.
    2011-02-02
  • jQuery 实现评论等级好评差评特效

    jQuery 实现评论等级好评差评特效

    本文主要介绍如何实现类似淘宝好评差评的效果,需要的小伙伴直接拿去用吧。
    2016-05-05
  • jquery 表单验证之通过 class验证表单不为空

    jquery 表单验证之通过 class验证表单不为空

    在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。
    2015-11-11
  • input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

    input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

    input输入框在获得或失去焦点时隐藏或显示文字,这样的焦点效果想必很多朋友在填写form表格的时候都曾见识过吧,本文使用jquery实现以下,感兴趣的朋友可以参考下哈
    2013-04-04
  • 利用jqgrid实现上移下移单元格功能

    利用jqgrid实现上移下移单元格功能

    这篇文章主要给大家介绍了关于如何利用jqgrid实现上移下移单元格功能的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • jQuery制作仿Mac Lion OS滚动条效果

    jQuery制作仿Mac Lion OS滚动条效果

    本文是通过nanoscrollerjs简单实现Mac OS 系统滚动条效果特效,以及本插件的使用方法和参数,非常不错,这里推荐给大家。
    2015-02-02
  • Jquery中attr与prop的区别详解

    Jquery中attr与prop的区别详解

    在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。下面这篇文章主要给大家介绍了Jquery中attr与prop区别的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05

最新评论