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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM