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>