当前位置: 首页 > 编程笔记 >

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

澹台俊达
2023-03-14
本文向大家介绍让checkbox不选中即将选中的checkbox不选中,包括了让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;
}
});
 类似资料:
  • 多选框组件。 Usage 全部引入 import { Checkbox } from 'beeshell'; 按需引入 import { Checkbox } from 'beeshell/dist/components/Checkbox'; Examples Code 详细 Code import { Checkbox } from 'beeshell' <Checkbox value

  • 本文向大家介绍checkbox选中与未选中判断示例,包括了checkbox选中与未选中判断示例的使用技巧和注意事项,需要的朋友参考一下

  • 介绍 用于在选中和非选中状态之间进行切换。 引入 import { createApp } from 'vue'; import { Checkbox, CheckboxGroup } from 'vant'; const app = createApp(); app.use(Checkbox); app.use(CheckboxGroup); 代码演示 基础用法 通过 v-model 绑定复

  • checkbox常用于多选的情况,比如批量删除、添加群聊等; DOM结构 <div class="mui-input-row mui-checkbox"> <label>checkbox示例</label> <input name="checkbox1" value="Item 1" type="checkbox" checked> </div> 默认checkbox在右侧显示,若希

  • Checkbox 多选框 一组备选项中进行多选 基础用法 单独使用可以表示两种状态之间的切换,写在标签中的内容为 checkbox 按钮后的介绍。 在el-checkbox元素中定义v-model绑定变量,单一的checkbox中,默认绑定变量的值会是Boolean,选中为true。 <template> <!-- `checked` 为 true 或 false --> <el-chec

  • 复选框,可设置其状态、传入特殊 class 以及复选框图标位置。 示例 基本用法 <cube-checkbox v-model="checked"> Checkbox </cube-checkbox> 如果选中了,则 checked 的值就为 true。 复选框图标样式 <cube-checkbox v-model="checked" position="right" shape="squa