本文摘自PHP中文网,作者尚,侵删。

需求如下图:想要选中单选框3,是单选框3下的复选框全选

如果 面板信息 不多的话,可以给每个单选框3添加一个固定的监听事件
但是实际项目中,不仅仅只有两个,会有几十个,这时总不能绑定一个lay-filter,添加一个form.on('radio(filter)')事件吧
所以在此写了一个通用的监听多个radio的方法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var flagID = document.querySelectorAll( "input[title='单选框3']" );
var aFlagID = new Array();
for ( var j = 0; j < flagID.length; j++) {
aFlagID.push(flagID[j].id);
}
for ( var i = 0; i < aFlagID.length; i++) {
form.on( 'radio(' +aFlagID[i]+ ')' , function (data) {
$(data.elem).next().next().children( "input" ).addClass( "" +aFlagID[i]+ "_other" );
$( "." +aFlagID[i]+ "_other" ).attr( "checked" , "checked" );
$( "." +aFlagID[i]+ "_other + div" ).addClass( 'layui-form-checked' );
element.init();
});
}
|
此处,是通过id来获取每个radio的lay-filter,将radio的id与lay-filter设置成一样的;
阅读剩余部分
相关阅读 >>
使用layui实现前端分页功能
layui弹窗怎么用
layui项目中使用函数layui.define的方法介绍
用layui前端框架弹出form表单以及提交的方法
layui.laypage怎么用
layui修改弹出层按钮颜色的方法
layui表格怎么把表头固定
layui中怎么设置select项
layui-inline的作用是什么
layui输入框如何设置禁止输入
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui监听多个radio事件的方法