radio单选按钮监听事件实现方法 (LayUI)

但是在搜索经验的时候，发现很多网友给出的代码有缺失，不适合小白开发

所以，小小整理一番，欢迎指摘 …

操作步骤：

首先 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>

好像，大概，也许，差不多就是这样的了 …