Layui事件监听的方法


当前第2页 返回上一页

监听switch开关:

1

2

3

4

5

6

form.on('switch(filter)', function(data){

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

  console.log(data.elem.checked); //开关是否开启,true或者false

  console.log(data.value); //开关value值,也可以通过data.elem.value得到

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

});

监听radio单选:

1

2

3

4

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

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

    console.log(data.value); //被点击的radio的value值

});

监听submit提交:

1

2

3

4

5

6

7

<button lay-submit lay-filter="*">提交</button>

form.on('submit(*)', function(data){

    console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象

    console.log(data.form) //被执行提交的form对象,一般在存在form标签时才会返回

    console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}

    return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。

});

更多layui知识请关注layui使用教程栏目。

以上就是Layui事件监听的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui滑动条如何隐藏

怎么利用layui美化table数据表格

layui怎么隐藏表格行

layui有什么好处

layui怎么使用

layui怎么加图标

layui是js框架吗

layui为什么好

layui好用么

layui后台框架的搭建详解

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...