首页 > 科技 >

🌟Layui技巧用lay-filter为单选框添加交互,超简单!🔥

发布时间:2025-04-05 05:05:14来源:

在Layui框架中,`lay-filter`是一个非常实用的属性,可以轻松绑定事件到表单元素上。今天教大家如何利用它,给单选框(radio)添加点击事件,顺便也适用于复选框(checkbox)哦~😎

首先,在HTML中定义一个单选框,并加上`lay-filter="myRadio"`的属性:

```html

```

接着,在JavaScript部分监听事件:

```javascript

form.on('radio(myRadio)', function(data){

console.log(data.elem); // 获取当前被点击的元素

console.log(data.value); // 当前值

console.log(data.othis); // 样式包装后的DOM对象

});

```

这样,每次点击单选框时,都能触发这个回调函数!👀 如果换成复选框,只需将`type="radio"`改为`type="checkbox"`即可,是不是超级方便?🎉

快来试试吧,让页面交互更有趣!✨

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。