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


<div class="layui-form-item">

        <label class="layui-form-label">主题类型:</label>

            <div class="layui-input-inline" style="width: 660px">

                <input type="radio" name="level" lay-filter="levelM" value="1" title="一级分类" {$theme.level=="1"?"checked":""}>

                <input type="radio" name="level" lay-filter="levelM" value="2" title="二级分类" {$theme.level=="2"?"checked":""}>

                <input type="radio" name="level" lay-filter="levelM" value="3" title="三级分类" {$theme.level=="3"?"checked":""}>

            </div>

    </div>

<javascript>

layui.use(['form'], function () {

        var upload = layui.upload;

        var form = layui.form;

        //此处即为 radio 的监听事件

        form.on('radio(levelM)', function(data){

        console.log(data.elem); //得到radio原始DOM对象

  console.log(data.value); //被点击的radio的value值

            var level = data.value;//被点击的radio的value值

//TODO 下面是我具体业务的处理代码,可忽略 ...

            $(".sel-parent-msg").hide();

            $(".sel-parent-msg-"+level).show();

        });

        });

</javascript>