
layui
amberom
这个作者很懒,什么都没留下…
展开
-
layui laydate 设置日期格式
layui.use(['layer', 'form', 'layedit', 'table', 'element', 'laydate'], function() { var layer = layui.layer , form = layui.form ,table = layui.table , element = layui.element , l..原创 2022-04-06 08:43:56 · 4767 阅读 · 3 评论 -
layui表单校验及监听复选框选中状态的坑
试过所有的办法,都没有办法获取到复选框的选中状态,整了一早上,最后忽然想到,难道一定要用layui官方文档提供的方式监听吗,用原生js难道就不行了,最后一试竟然成功了,不得不说,js是最强大的。<div class="myform layui-form"> <input type="text" name="use_type" id="person" value="个人" hidden>转载 2022-02-22 14:19:37 · 662 阅读 · 0 评论 -
layui form 图片按钮 监听表单提交
<form class="layui-form" id="search" action="" method="GET"><img src="test.png" alt="搜索" lay-submit="" lay-filter="submitBtn"></form><script>layui.use(['layer', 'form', 'layedit', 'element', 'laydate'], function(){ ...原创 2021-12-31 09:20:16 · 433 阅读 · 0 评论 -
layui动态添加的元素click等事件触发不了的解决办法
在页面加载完成时候 '.add_project' 元素是可以触发click时间的,当动态添加 '.add_project' 时候,新添加的元素却触发不了click事件,类似下面的写法:$(".add_project").on('click', function(){ alert('1')});解决办法很简单,就是用全局的document来监控 '.add_project' 元素,如下:$(document).on("click",".add_project",function(){.转载 2021-12-29 09:40:02 · 1155 阅读 · 0 评论 -
layui获取树形菜单所有选中的值
layui.use(['form', 'layedit', 'laydate','tree','util'], function() { var form = layui.form, layer = layui.layer, tree = layui.tree, util = layui.util; //开启复选框 tree.render.转载 2020-10-26 16:31:49 · 2674 阅读 · 0 评论 -
layui中的switch开关实现方法
效果如下图:显然这个插件是一个checkbox,只是在layui中封装了。所以layui的js和css是必不可少的。Html代码:<form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">开关</label> <div class="layui-input-bl转载 2020-10-26 16:26:16 · 2397 阅读 · 0 评论 -
基于layui的select区域联动
基于layui的select区域联动要实现联动效果注意两点:第一要可以监听到select的change事件;第二异步加载的内容,需要重新渲染后才可以 正常使用。Html结构:<div class="x-body"> <form class="layui-form" action="" method="post"> <div class="layui-form-item"> <label class转载 2020-08-06 15:03:48 · 753 阅读 · 0 评论 -
layui多图上传实现删除功能
在使用layui的多图上传时发现没有删除功能在网上搜索解决办法时有的感觉太复杂有的不符合自己所需要的所以就自己动手下面附上代码HTML:<div class="layui-upload"><button type="button" class="layui-btn" id="test2">多图片上传</button> ...转载 2020-04-13 19:04:21 · 2503 阅读 · 3 评论