监听layui开关返回值触发事件
taotaoit Layui 2021-04-08 920 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

2798987 1967 23
最新评论
能不能显示这里当前在播放的视频的文件名?
评 设置video js多视频连续播放
为啥按照你的方法去写完后 提示未定义的hostname?
评 tp6用tp5er实现数据库备份,数据库还原
了解了,应该用超链接去访问 我当时用的是ajax,这回在到你这看看如何用Tp6备份数据库
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
为什么我执行这个方法 没有下载 ,但用url访问这个页面就可以下载了 是我哪里弄错了吗
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
:haha:
评 SublimeText3 ctrl+f打开搜索框后怎么关闭?
文章标签更多
ThinkPHP (225)
Mysql (42)
DedeCms (33)
jQuery (54)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

需求,根据layui开关状态决定另一个元素是显示或隐藏,如图,否的话,“发票说明”隐藏

from clipboard

实现代码:

html代码

<tr>
                  <th>
                    是否提供发票:
                  </th>
                  <td height='24' class="layui-form">
                    <input type="checkbox" {if $rs.isInvoice eq 1}checked{/if} id="isInvoice" name="isInvoice" value="1" class="ipt" lay-skin="switch" lay-filter="isInvoice" lay-text="是|否">
                  </td>
                </tr>
js代码

$(function(){
  //监听指定开关
  layui.form.on('switch(isInvoice)', function(data){
    ZHT.showHide(this.checked?1:0,'#invoiceRemarksTr');
  });
})
显示隐藏代码

ZHT.showHide = function(t,str){
	var s = str.split(',');
	if(t){
		for(var i=0;i<s.length;i++){
		  $(s[i]).show();
		}
	}else{
		for(var i=0;i<s.length;i++){
		  $(s[i]).hide();
		}
	}
	s = null;
}
参考https://www.layui.com/demo/form.html


版权声明:本站原创文章,允许自由转载。

相关推荐
layui垂直导航,鼠标经过去掉左侧的青色条块
Layui | 2019-07-05 6402
打开layui.css找到 .layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688} 将width:5px改为width:0就可以了
layui栅格如何实现5等分,一行5列
Layui | 2019-07-05 4520
layui栅格如何实现5等分,一行5列? layui 栅格系统是12格的 不能实现5等分,可以自己仿照layui定义css样式 打开laui css查看源码 发现一等分是8.3%   layui是12格的; 所以 实现五等分 12/5*8.3% 就是19.9999992% 5等分,12格,大概每列占比是1...
评论:0条
评论加载中...
发表评论
后一篇: