但是在搜索经验的时候,发现很多网友给出的代码有缺失,不适合小白开发
所以,小小整理一番,欢迎指摘 …
操作步骤:
首先 html 设计效果如下:
对应的源码为:
<code>"layui-form-item"
> class="layui-form-label"
>主题类型:class=
"layui-input-inline"
style="width: 660px"
> "radio" name="level"
lay-filter="levelM"
value
="1"
title="一级分类"
{$theme.level=="1"
?"checked"
:""
}> "radio" name="level"
lay-filter="levelM"
value
="2"
title="二级分类"
{$theme.level=="2"
?"checked"
:""
}> "radio" name="level"
lay-filter="levelM"
value
="3"
title="三级分类"
{$theme.level=="3"
?"checked"
:""
}>class=
/<code>
【注】:
注意上述源码总的 "lay-filter" 属性;
此处需要填写一个用于区分监听事件的名称,我定为:"levelM"
因为鄙人在进行 ThinkPHP 框架代码开发,所以其中牵扯到了部分内置代码,可自行忽略
然后就是 JavaScript 代码的编写,完整的代码如下:
<code> layui.use(['form'
],function
() {var
upload = layui.upload;var
form = layui.form; form.on('radio(levelM)'
,function
(data
){console
.log(data.elem);console
.log(data.value);var
level = data.value; $(".sel-parent-msg"
).hide(); $(".sel-parent-msg-"
+level).show(); }); });/<code>
好像,大概,也许,差不多就是这样的了 …