layui 无法监听radio

最新推荐文章于 2023-05-03 11:01:28 发布

哎呀喂6

最新推荐文章于 2023-05-03 11:01:28 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：其他 layui

本文链接：https://blog.csdn.net/aiyawei123/article/details/101054513

其他同时被 2 个专栏收录

2 篇文章

订阅专栏

layui

1 篇文章

订阅专栏

本文介绍了一个关于layui框架的问题解决方法。当使用layui的form模块监听radio按钮的改变事件时，若控制台未打印出预期的日志信息，可能是因为缺少了layui-form类名。在包含radio按钮的父级元素上添加layui-form类名即可正常触发事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="layui-form-item">
    <input type="radio"  name="t" value="1" lay-filter="test"/>
    <input type="radio"  name="t" value="2" lay-filter="test"/>
</div>

<script>
    layui.use(['form'], function(){
        var form = layui.form;

        form.on('radio(test)', function (data) {
          console.log(data)
        });


    });
</script>

点击选中radio时候控制台什么都没有打印出来，发现原来需要在父级元素上加layui-form类名就可以了。