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

}
posted on 2020-08-18 16:51  红色的黑  阅读(17994)  评论(0编辑  收藏  举报