LayUI radio單選按鈕監聽事件實現方法

• 首先，官方文檔所給出的展示如下：監聽 radio單選
• 但是在搜索經驗的時候，發現很多網友給出的代碼有缺失，不適合小白開發
• 所以，小小整理一番，歡迎指摘 …

操作步驟：

1. 首先 html 設計效果如下：
   
   對應的源碼爲：

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

【注】:

 注意上述源碼總的 "lay-filter" 屬性;
 此處需要填寫一個用於區分監聽事件的名稱，我定爲："levelM"

 因爲鄙人在進行 ThinkPHP 框架代碼開發，所以其種牽扯到了部分內置代碼，可自行忽略

2. 然後就是 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值
           $(".sel-parent-msg").hide();
           $(".sel-parent-msg-"+level).show();
      		 });
       });
   

• 好像，大概，也許，差不多就是這樣的了 …