layui 我自己封装的 一个 radio 隐藏域

周大胖子

先贴核心代码【我封装在laomo.js中】

1. ,laoab: function (obj) {
2.         form.on('radio(' + obj + ')', function (data) {
3.           // alert(1)
4.           let a = $('div[lao-data=' + obj + ']').length;
5.           for (var i = 0; i < a; i++) {
6.             if ($('div[lao-data=' + obj + ']').eq(i).attr('lao-val') == '11') {
7.               $('div[lao-data=' + obj + ']').eq(i).show()
8.               if ($('div[lao-data=' + obj + ']').eq(i).attr('lao-disval') == data.value) {
9.                 $('div[lao-data=' + obj + ']').eq(i).hide() //隐藏非关联项目 当为多项关联项时 则判断消失项目
10.               }
11.             } else {
12.               if ($('div[lao-data=' + obj + ']').eq(i).attr('lao-val') == data.value) {
13.                 $('div[lao-data=' + obj + ']').eq(i).show() //显示关联项目
14.               } else if ($('div[lao-data=' + obj + ']').eq(i).attr('lao-val') !== '11') {
15.                 $('div[lao-data=' + obj + ']').eq(i).hide() //隐藏非关联项目 11为公共项目
16.               }
17.             }
19.           }
20.         });
21.       },

复制代码

然后 如何使用： 这个 obj 是 lay-filter="obj"  的 值

2.         <div class="layui-form-item">
3.           <label class="layui-form-label">案件质量</label>
4.           <div class="layui-input-block">
5.             <input
6.               type="radio"
7.               name="quality"
8.               lay-filter="quality"
9.               value="1"
10.               title="普通"
11.               checked=""
12.             />
13.             <input type="radio" name="quality" lay-filter="quality" value="2" title="免责" />
14.             <input type="radio" name="quality" lay-filter="quality" value="3" title="保授权" />
15.             <input type="radio" name="quality" lay-filter="quality" value="4" title="0元报" />
16.             <input type="radio" name="quality" lay-filter="quality" value="5" title="逐条指定" />
17.           </div>
18.         </div>
19.         <div class="lm-hide" lao-data="quality" lao-val="4">这是需呀显示的值 只在4的时候显示 <br><br><br><br> </div>
20.         <div class="lm-hide" lao-data="quality" lao-val="11" lao-disval="3">这是需呀隐藏的值 只在3 的时候隐藏 <br><br><br><br> </div>
21.         <div class="lm-hide" lao-data="quality" lao-val="11">这个值其实就是一个判断 标准，如果有11 就执行 lao-disval <br><br><br><br> </div>

复制代码

在当页的 js 中添加调用：

1.     // 控制硬隐藏
2.     laomo.laoab('quality');

复制代码