layui checkbox 监听
普通单选框
<input lay-filter="switchTest" type="checkbox" name="type[]" value="1" title="葡萄">
监听
layui.use(['form', 'layer', 'jquery' ], function () {
$ = layui.jquery;
var layer = layui.layer,form = layui.form;
//监听多选框点击事件 主要是通过 lay-filter="switchTest" 来监听
form.on('checkbox(switchTest)', function (data) {console.log( data ); //打印当前选择的信息if( data.elem.checked){ //判断当前多选框是选中还是取消选中alert('当前选中');}var value = data.value; //获取选中的value值
});
}
=================================================================================================================================================================================================
layui 单选框 开关 监听
开关样式
<input type="checkbox" id="num" lay-filter="max_user_num1" lay-skin="switch" lay-text="开启|关闭">
监听开关
layui.use(['form', 'layedit', 'laydate'], function () {var form = layui.form;layer = layui.layer;layedit = layui.layedit;laydate = layui.laydate;form.on('switch(max_user_num1)', function(data){alert(data.elem.checked);return false;if(data.elem.checked==true){$("#max_user_num1").css('display','block');}else{$("#max_user_num1").css('display','none');}});//日期laydate.render({elem: '#start_time',type: 'datetime'});laydate.render({elem: '#end_time',type: 'datetime'});});
layui checkbox 监听相关推荐
- layui select监听选中的值 二级联动
layui select监听选中的值 二级联动 demo下载地址 html <form class="layui-form" action="">& ...
- layui中监听select下拉框改变事件
前言:使用在如省市区三级联动,二级联动场景等场景 一.HTML部分通过lay-filer属性 <div class="layui-form-item"><labe ...
- layui表格监听全选_layui表格(表单)的全选功能
最近在使用layui这个框架,其中有用到表格的全选功能,下面记录下我的使用.html文件需要引用的是layui.js和layui.css,但是上面两个文件又会引入其他文件.,如图所示, 所以建议从la ...
- android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...
摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...
- LAYUI 数据表格table 监听switch/checkbox事件
注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on. var table = ...
- layui监听当前页_事件监听 · layui使用手册 · 看云
# 事件监听 语法:form.on('event(过滤器值)', callback); form模块在 layui 事件机制中注册了专属事件,所以当你使用layui.onevent()自定义模块事件时 ...
- button layui 点击事件_Layui 带多选框表格监听事件以及按钮自动点击写法实例
不话不多说了,直接上代码吧: 获取选中行数据 获取选中数目 验证是否全选 提交选择 id运动名运动时长运动类型 var msg=""; var idlist="" ...
- layui select下拉框改变之 change 监听事件
在layui中使用 jquery 触发select 的 change事件无效 使用layui.use监听select事件 <select lay-filter="demo" ...
- Listview上的checkbox重复和滚动自动调用chexkbox设置监听
本例子重点在于hashmap保存checkbox所修改的项和checkbox监听的设置 适配器实例化时我们定义一个适配器上数据产都的map,map的key是索引,value是boolean类型,代表该 ...
最新文章
- 费用保险单,如何失焦时自动补零
- 代码审计之代码执行注入
- Memcache 安装与使用
- php多主写数据,多数据库的配置(从主)
- 【Java】接口(interface)VS抽象类
- 小米11 Pro系列细节再曝光:大杯大升级!
- lua4.0中实现% 取余操作
- Java基础教程【第四章:Java流程控制】
- JS中去除字符串空格trim()函数
- OpenCV-camShift 算法
- PopClip翻译插件开发记录-microsoft_translate.popclipext
- TestReport目录
- ENVI遥感处理(9):遥感影像镶嵌和图像裁剪
- 原生Js汉语拼音首字母匹配城市名/自动提示列表
- HTTP Live Streaming直播
- 浅谈二十年后电气工程前途
- 网页常见的图标图片格式的区别
- 结合电压采样电路介绍RC滤波电路
- Unity转微信小游戏与JS交互
- 数据库系统概论——数据库安全性控制