让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;
}
});
赞 (0)

相关推荐

  • jquery处理checkbox（复选框）是否被选中实例代码

    jquery处理checkbox(复选框)是否被选中 现在如果一个复选框被选中,是用checked=true,checked="checked"也行 要用prop代替attr会更好,虽然在jQuery1.6之前版本的attr()方法能正常使用,但是现在必须使用prop()方法代替 实例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&q

  • checkbox 选中一个另一个checkbox也会选中的实现代码

    checkbox 选中一个另一个checkbox也会选中的实现代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'> <head> <meta http-equiv='content-type' content

  • CheckBox多选取值及判断CheckBox选中是否为空的实例

    实例如下: var chk_value = [];//定义一个数组 //name是CheckBox的name属性定义的名称 $('input[name="time"]:checked').each(function () { chk_value.push($(this).val()); }); if (chk_value.length < 1) { alert("CheckBox选项为空") return false; } alert(chk_value );

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

    今天在做项目的时候,遇到一个问题.需要把选中的checkbox置空,即将选中的checkbox不选中.最后,发现一个方法很好使,特此记录. $("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } }); 原理:循环每一个type为checkbox的input,若其是选中状态,就将他的checked属性置为false就ok了. 当然,若要实现反选的效果,再加一点就好了.代码如

  • jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    如下所示: 喜欢<input type="radio" name="likea" id="" value="3" /> 一般<input type="radio" name="likea" id="" value="2" /> 不喜欢<input type="radio" name="li

  • 使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

    具体代码如下所示: <el-menu :default-active='$route.path' :router='true' :unique-opened='true' :default-openeds="defaultOpeneds" background-color="#bd1e22" text-color="#fff" active-text-color="#ffd04b"> //router当导航激活时允

  • vue中选中多个选项并且改变选中的样式的实例代码

    1:HTML: <ul class="content"> <li v-for="(item,index) in touristList" @click="onStorage(item,index)" :class="{'active': rSelect.indexOf(item)!=-1}" :key="item.id"> <div>{{item.name}}</d

  • ExtJS 刷新后如何默认选中刷新前最后一次选中的节点

    在对树节点进行操作后往往需要进行reload操作刷新一下树,但是很多业务都需要在树形刷新后默认选中最后一次选中的节点.这样就必须先保存前一次选中节点的信息,在reload之后再次通过节点的信息进行expand逐层展开到这个节点上. 查询了好久终于找到一个可行的方案,就是通过节点的path来记录节点的位置信息,然后通过path从root节点开始逐层展开,直到最后一个节点. 完成的代码如下: 首先是extjs3.x版本中的方法: 复制代码 代码如下: //获取选中的节点 var node = tre

  • js获取select默认选中的Option并不是当前选中值

    js函数方法: 复制代码 代码如下: <script> function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ''), opts; try { opts = document.getElementById(selectId).getElementsByTagName('option'); for (var i in opts) { if (opts[

  • jquery判断checkbox(复选框)是否被选中的代码

    复制代码 代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $("input[name='soft[]']:checkbox").each(function () { if ($(this).attr("checked")) { falg += 1; } }) if (falg > 0) return true; else return fals

随机推荐