1. 程式人生 > 實用技巧 >layui 監聽單選框(radio)點選事件

layui 監聽單選框(radio)點選事件

//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值
});

}