LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选

项目用LayUI进行开发，需求方提出一个范围权限控制的实现方案。在复选框只能单选的前提下，管理员可以取消勾选，查看所有数据，但普通用户由于权限限制，不可以取消勾选。

在查找资料的过程中，发现jq的常用操作checkbox方法不适用于layui，应使用prop代替attr改变checkbox状态。

<input type="checkbox" name="chbBtn" value="@item.ScopeExtand" title="@item.name" lay-skin="primary" lay-filter="oneChoose">form.on('checkbox(oneChoose)', function (data) {                if (@ViewBag.Islimited.ToString().ToLower() == true) {  //权限限制不能全部取消勾选$("input[name='chbBtn']").prop("checked", false);   //全部取消选中$(this).prop("checked", true);                      //勾选当前选中的选择框}else {if(data.elem.checked || data.elem.checked=='true'){$("#divSearchBtns input:checkbox").prop("checked",false);$(this).prop("checked", true);}}                form.render('checkbox');});form.render('checkbox');

最后，一定不要忘记使用form.render()方法进行渲染。

LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选相关推荐

html复选框美化插件,Labelauty – jQuery单选框/复选框美化插件
Labelauty – jQuery单选框/复选框美化插件分类:代码日期:2016-08-02 点击(38,744) 下载(0) 来源:未知收藏下拉框美化插件经常见到,如之前介绍过的 Drop ...
vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据生成后的代码就是 js ...
复选框全部选中/全部取消
今天遇到一个问题记录一下! 问题描述: js拼接页面,存在复选框,要做一个全部选中,全部取消的操作,使用.arrt("checked","checked")取消 ...
Jquery获取列表中的值和input单选、多选框控制选中与取消
一.Jquery获取列表中的值 1.jsp页面代码 <tbody><c:forEach var="model" items="${listRefEnti ...
uniapp多选框组件太难用，自己手写一个它不香吗？
在分享我手写多选框之前,我们先看一下uniapp官方组件是怎么实现的. <view class="uni-list"><checkbox-group @chang ...
vb中复选框的value属性_单选控件(OptionButton)与复选控件(CheckBox)的Value值
1 . 单选控件( OptionButton )与复选控件( CheckBox )的 Value ．．．．．值. 1 ) Value 属性是单选与复选控件最主要的属性 ,单选与复选控件的 V ...
jQuery选中该复选框来实现/全部取消/未选定/获得的选定值
<!DOCTYPE html> <html> <head> <script type="text/javascript" src=&quo ...
android自定义多选框带图片,Android自定义单选多选下拉列表的实例代码
发疯的产品要做一个可以单选和多选的下拉列表,陪你玩玩吧. 直接上效果: 实现方案: 我的思路是自定义一个类继承PopupWindow,里面的选项采用Listview,再结合一些动画来实现. 核心代码: ...
复选框至少选择一项_如果没有设计师，您至少要选98种材料，学会35项工艺！...
如果没有设计师, 你选择自己装修恭喜您! 你至少要选28种辅材, 至少要了解35项工艺, 至少要购买8种主材, 至少选购62件家具和配饰, 以及去到100家店铺和将近100人讨价还价, 购买近 ...

LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选

LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选相关推荐

最新文章

热门文章