当前位置:首页  科技

科技

🌟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"`即可,是不是超级方便?🎉

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

免责声明:本文由用户上传,如有侵权请联系删除!