layui监听当前页_layui事件监听使用

本文介绍了如何在layui中进行事件监听,如select、checkbox、switch、radio和submit的改变。通过form.on()方法结合特定过滤器,可以实现对表单元素状态变化的响应,获取相关DOM对象和值,并提供了相关示例代码。
摘要由CSDN通过智能技术生成

在使用layui的form表单做验证提交的时候,如果结合vue,或者是三级联动的时候,就需要做事件监听了。

具体语法:form.on('event(过滤器值)', callback);

可以用于监听:select,checkbox,switch,radio,submit 的改变

一、监听select的改变

下拉选择框

写作

阅读

听歌

游戏

layui.use('form', function(){

var form = layui.form;

form.on('select(aihao)',function(data){

console.log(data);

console.log(data.elem); //得到select原始DOM对象

console.log(data.value); //得到被选中的值

console.log(data.othis); //得到美化后的DOM对象

});

});

同理,监听checkbox复选form.on('checkbox(filter)', function(data){

console.log(data.elem); //得到checkbox原始DOM对象

con

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值