js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？

1、需求如图：

不选中频次的时候，全部选项都是禁用的，而且饭‘前中后’永远都只能选中一个，选择一日一次的时候，选中任何一个按钮其余所有按钮全部禁用，选中一日两次的时候，如选了早餐中，那么早餐前后都不能选，这个时候再选中睡前的话剩下的就全部不可选。剩下的同理，最高的频次可以是一日4次。

具体到代码里我是用了4组多选框写的：

早餐

前

中

后

午餐

前

中

后

晚餐

前

中

后

占位

睡前

data(){

return{

checkList:{

checkList1:[],

checkList2:[],

checkList3:[],

checkList4:[]

disabledValue:{

disabled1:true,

disabled2:true,

disabled3:true,

disabled4:true,

disabled5:true,

disabled6:true,

disabled7:true,

disabled8:true,

disabled9:true,

disabled10:true,

}

剩下的逻辑我想了半天都没有思路，路过的大神指点一下多谢了

js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？相关推荐

element ui 穿梭框_element ui 的穿梭框的右边框在初始化怎么赋值上去
展开全部在表格初始化时,设32313133353236313431303231363533e78988e69d8331333433646465置selectable属性,回掉参数为(row,inde ...
elementui下拉框选择图片_element ui下拉框如何实现默认选择?
为什么我这样写没反应呢运营商级别 <el-option v-for="item in options1" :label="item.label" :va ...
php让符合条件的复选框选中,多条件查询（复选框条件）
查询会遍历表,显现是出表和以前讲的一样,就不多说了,说下怎么写复选框条件一.遍历复选框中的内容,列表名:其他的都是一样的遍历方法区域:全选 $sqla = " select distin ...
html复选框全选怎么实现,js html css实现复选框全选与反选
本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 html+css+js实现复选框全选与反选 table,tr,td { border:1px solid red; } fu ...
纯js实现复选框的全选、反选与获取选中复选框的值
实现效果如下: 全选状态: 取消全选: 获取选中的复选框的值: 下面开始上代码! html <div><h2>爱好</h2><hr><form a ...
html 下拉多选框代码,js实现下拉复选框效果（代码实例）
本章给大家带来用js实现下拉复选框效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果: 下面我们看看代码: HTML代码: HTML CSS JavaScri ...
php根据循环条件切换图片,根据条件循环复框，麻烦各位朋友帮小弟我看一下应该怎样改...
根据条件循环复框,麻烦各位朋友帮我看一下应该怎样改 $sql = "SELECT `id` , `name` FROM `interior_authority`"; $row['a ...
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...

js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？

js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？相关推荐

最新文章

热门文章