tnblog
首页
视频
资源
登录
原

Layui 复选框选择事件，checkbox选择事件

8613人阅读 2022/2/11 9:58 总访问：833587 评论：0 收藏：0 手机
分类: 前端

复选框点击勾选时触发，回调函数返回一个object参数，携带两个成员：

  1. form.on('checkbox(filter)', function(data){

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

  3. console.log(data.elem.checked); //是否被选中，true或者false

  4. console.log(data.value); //复选框value值，也可以通过data.elem.value得到

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

  6. });


欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

Layui水平二级菜单时长不显示的问题
调用一下初始化方法Init就可以解决了

Layui 表单模块常见问题
layui 设置select宽度直接设置select外层的宽度就行，layui的select会自适应宽度layui 设置select会被百度编辑器挡住问题是...

Layui Select添加选择事件Layui 下拉列表
html<selectname="label"id="atype"lay-filter="atype"> <optionvalue="a&q...

Layui布局
Layui 使用layui-container container来指明一个容器版本<divclass="layui-containercontainer"style="b...

Layui 固定列覆盖滚动条，导致表格错位
对于layui，大家都用过吧：轻量级框架，使用方便，快捷，入手难度小，但是这些优点就不代表你没有踩到它的坑。目前遇到一个...

Layuia 图标
图标的官方地址:https://www.layui.com/doc/element/icon.html

Layui水平布局
一个layui-input-inline即可 <divclass="layui-input-inline"> </div> <divclass="layui...

Layui插件上传图片具体步奏以及获取图片地址
注意事项： (1)在使用插件之前需要引入该插件文件包不可分开使用。 (2)在运行过程中会出现报一个错误(上传图片异常等等...

Layui+过滤器 实现权限管理
想要做好一个权限管理并不简单，不管是数据库还是逻辑上都还是有一点复杂的 下面开始讲解我们的权限管理首先创建数据库《规...

Layui 弹窗遮罩层把弹窗挡住问题
代码：layer.open({ type:1, area:["300px","300px"], content:$("#addvieww") });分析...

Layui 报错 l.push is not a function
解决方法：layui.use(['jquery','layer','element'],function(){ } 而不是 layui.use(&#39...

layer loading。Layui 菊花
layer loading层很简单，起到一个遮罩提示加载的效果打开：//loading层 varlayerIndex=layer.load(1,{ shade:[0.1,'#...

Layui Tab菜单添加点击事件
layui 实现Tab菜单很简单使用下面的代码即可<divclass="layui-tab"lay-filter="test1"> <ul...

使用vue渲染Layui的复选框时无法渲染
这是因为使用vue后数据是动态生成的，没有被layui渲染出来所以有问题，调用一下layui的渲染方法即可layui.use(['form&#...

vue+Layui默认选中第一个tab
可以利用v-for中的index,然后使用一个三目运算即可<ulclass="layui-tab-title"> <liv-for="(item...

Layui tab切换更改同一个内容
layui tab切换时如何更改同一个内容呢，不用一个tab对应一个内容，就相当于改变同一个内容，其实很简单就是只留layui-tab-c...
这一生多幸运赶上过你.
博主信息
排名
8
文章
224
粉丝
7
评论
7
文章类别
最新文章
最新评价
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术