🌟Layui技巧用lay-filter为单选框添加交互,超简单!🔥
2025-04-05 05:05:14
导读 在Layui框架中,`lay-filter`是一个非常实用的属性,可以轻松绑定事件到表单元素上。今天教大家如何利用它,给单选框(radio)添加点击事件...
在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"`即可,是不是超级方便?🎉
快来试试吧,让页面交互更有趣!✨
免责声明:本文由用户上传,如有侵权请联系删除!
猜你喜欢
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
最新文章
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05
- 04-05