js checkbox复选框实现单选功能

本文仅供学习交流使用，demo下载见文末

js checkbox复选框实现单选功能

<script type="text/javascript">$(":checkbox").click(function(){$(this).attr("checked",true);//设置当前选中checkbox的状态为checked$(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中});
</script>

<div style="margin-left: 150px;">                                               <input name="checkbox" type="checkbox" checked="checked" id="checkbox1"><input name="checkbox" type="checkbox" id="checkbox2">
</div>

本文仅供学习交流使用，如侵立删！

js checkbox复选框实现单选功能相关推荐

如何让checkbox复选框只能单选
如何让checkbox复选框只能单选在项目开发中遇到一个这样的问题,要让一列复选框架在任何时间段内只能选择一个. 有人说怎么不用单选框了,因为单选框一旦选择了就不能取消选择,所以这里只能用复选框. ...
LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选
项目用LayUI进行开发,需求方提出一个范围权限控制的实现方案.在复选框只能单选的前提下,管理员可以取消勾选,查看所有数据,但普通用户由于权限限制,不可以取消勾选. 在查找资料的过程中,发现jq的常用 ...
让复选框实现单选功能
在项目中,我们往往做管理页面的查询功能时,遇到这种情况,即:查询条件有两个选择,有和无,如果是有的情况,则需要另外输入一个文本进行模糊查询,如果是无的情况,则将输入框置为无效,只查询无的情况.咋一看, ...
自学篇之--js 提取复选框和单选框的值和纯css的3D按钮
2019独角兽企业重金招聘Python工程师标准>>> <html> <head> <meta charset="utf-8" co ...
html复选框美化插件,js和css3超酷checkbox复选框美化插件
这是一款效果超超酷的js和css3 checkbox复选框美化插件.这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择 ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
1.Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明 boxLabel String 紧靠复选框的文字描述 boxLabelAl ...
html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...
最简洁的代码美化复选框.单选框和滑动按钮效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...

js checkbox复选框实现单选功能

js checkbox复选框实现单选功能相关推荐

最新文章

热门文章