如何让checkbox复选框只能单选

在项目开发中遇到一个这样的问题，要让一列复选框架在任何时间段内只能选择一个。

有人说怎么不用单选框了，因为单选框一旦选择了就不能取消选择，所以这里只能用复选框。

经过思考发现可以能过js控制复选框只能单选，实现方法如下：

$("#txm").find(".checkbox").each(function(){$(this).click(function(){var test= $(this).attr("checked"); if(this.checked){GetData(this.value);$(this).parent("div").siblings().children(".checkbox").each(function(){if(test== this.checked){this.checked = false; }});} });});});

如何让checkbox复选框只能单选相关推荐

LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选
项目用LayUI进行开发,需求方提出一个范围权限控制的实现方案.在复选框只能单选的前提下,管理员可以取消勾选,查看所有数据,但普通用户由于权限限制,不可以取消勾选. 在查找资料的过程中,发现jq的常用 ...
js checkbox复选框实现单选功能
本文仅供学习交流使用,demo下载见文末 js checkbox复选框实现单选功能 <script type="text/javascript">$(":ch ...
html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...
最简洁的代码美化复选框.单选框和滑动按钮效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...
Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
1.Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明 boxLabel String 紧靠复选框的文字描述 boxLabelAl ...
checkbox(复选框)和radio(单选按钮)的区别与详解
选中和取消选中一个 checkbox(复选框) 后,再次点击它,即可取消选中选中一个 radio(单选按钮) 后,再次点击它,不能取消选中 <!DOCTYPE html> <ht ...
实现复选框的单选效果
<!DOCTYPE> <html> <head> <title>实现复选框的单选效果</title> </head> <b ...
分享美化复选框和单选框插件
复选框和单选框是表单中使用非常频繁的组件,但在多数浏览器上显示比较死板, 大家都知道,在Web的Form中美化是最头痛的,尤其是表单中的"input[type=checkbox]" ...
jquery实现HTML复选框变单选框
jquery实现HTML复选框变单选框 ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器 <scri ...
Java学习day078 Swing用户界面组件（四：选择组件）（复选框、单选钮、边框、组合框、滑动条）
使用的教材是java核心技术卷1,我将跟着这本书的章节同时配合视频资源来进行学习基础java知识. day078 Swing用户界面组件(四:选择组件)(复选框.单选钮.边框.组合框.滑动条) 前 ...

如何让checkbox复选框只能单选

如何让checkbox复选框只能单选相关推荐

最新文章

热门文章