checkbox 实现互斥选择

//  mutex 互斥 checkbox 互斥/** 互斥的原理。找到需要互斥的所有的元素。赋值 checked=false; 然后单独赋值 checked=true* */var mutexbox = (function(){    var _mutexbox = function(e){        // 每组互斥的元素拥有相同的name；        var attrname = $(e).attr("name");        var mutexlist = $(":checkbox[name=" attrname "]");        for (var i=0; i<mutexlist.length; i  ){            $(mutexlist[i]).prop("checked",false);        }        $(e).prop("checked",true);    }    return {        mutexbox: _mutexbox    }})();

这个方法的使用，是需要在   $("checkbox[name=attrname]").click()事件中加入的

更多专业前端知识，请上【猿2048】www.mk2048.com

checkbox 实现互斥选择相关推荐

如何让checkbox只允许选择一个
如何让checkbox只允许选择一个: 需求:原生的checkbox可以选择多个,现在只能选一个如图: 解决: html代码: <form name="myForm"> ...
C# ListView控件显示表格（自适应宽度），添加 Checkbox，删除选择项，选中颜色和鼠标滑过背景变色
本文转载自:http://www.liangshunet.com/ca/201309/586362553.htm 亮术网 2020-03-07 本网原创 DataGridView控件功能十分强大,显示 ...
elementui el-table选择checkbox，最多选择N条解决办法
使用el-table,多选选择的时候,可以最多选择N条数据有时候使用全选的时候,不想选择全部,而是选择10条数据,而界面上有20条数据,这样的话,就回全部选中,达不到要求,所以上代码 <el- ...
实现单选（radio）和多选（checkbox）自定义选择样式
自定义单选和多选的radio和checkbox实现还在用js来实现单选和多选的字定义样式吗,那你就low了,现在直接用css就可以实现了,不需要太多的逻辑代码,能过实现你想要的单选和多选效果的样式~ ...
选择互斥 html,利用JS对两行Input radio 进行互斥选择。
根据项目需要对radio 进行选择就是说第一种选了第二种不能在选了. 标签是很简单直接主要说一下JS代码如下 $(function(){ $('.radioItemY').change(func ...
nui-treeselect控件实现二级子节点互斥选择
1.在nui-treeselect控件中加入事件:onbeforenodecheck="befConsTag". 2.befConsTag具体内容,如下图: 注意:对于子节点的判断 ...
Android学习笔记17：单项选择RadioButton和多项选择CheckBox的使用
在Android中,可以通过RadioButton和RadioGroup的组合来实现单项选择的效果.而多项选择则是通过CheckBox来实现的. 1.单项选择RadioButton 我们知道,一个单项 ...
checkbox居中 editor_radio 或 CheckBox 关联其他元素整体选择
场景: list组件中,每一行需要显示多个radio 或者 checkBox,并且每一行显示选择的类型都不一样!radio 或checkBox 的选择数据源是存放另一个data组件中!! 思路:正常 ...
checkbox列表选择2
<?php if($ACTION == "选择") { for ($i=0;$i <= $NUM;$i++) { if ($checkbox[$i]) { ...

checkbox 实现互斥选择

checkbox 实现互斥选择相关推荐

最新文章

热门文章