layui 监听单选框（radio）点击事件

标签：选中   html   监听   layui   lock   radio   单选   单选框   orm   

//html代码
<div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
        <input type="radio"  lay-filter="sex" name="sex" value="男" title="男" checked="">
        <input type="radio"  lay-filter="sex" name="sex" value="女" title="女">
        <input type="radio"  lay-filter="sex" name="sex" value="禁" title="禁用" disabled="">
    </div>
</div>


//js代码

layui.use([‘form‘, ‘layer‘, ‘jquery‘ ], function () {

$ = layui.jquery;
var layer = layui.layer,
    form = layui.form;

//监听多选框点击事件  主要是通过 lay-filter="sex"  来监听

form.on(‘radio(sex)‘, function (data) {
　　console.log( data );　　//打印当前选择的信息
    if( data.elem.checked){　　　　　　//判断当前多选框是选中还是取消选中

        alert(‘当前选中‘);
    }else{
　　　　　alert(‘取消选中‘)　
　　 }
　　var value = data.value;   //  当前选中的value值
});

}

layui 监听单选框（radio）点击事件

标签：选中   html   监听   layui   lock   radio   单选   单选框   orm   

原文地址：https://www.cnblogs.com/hinq/p/13524429.html