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

“最难不过坚持”

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

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

3713599 2275 32
最新评论
<script>alert(11)</script>
评 留言
:kaixin: :haha:
评 phpExcel列数据自动换行的方法->getAlignment()->setWrapText(true);
666 :kaixin:
评 return和return false的区别
楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
评 留言
厉害 :zhenbang: :zhenbang: :zhenbang:
评 留言
文章标签更多
ThinkPHP (240)
Mysql (48)
DedeCms (33)
jQuery (58)
证件照 (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 7116
打开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 5016
layui栅格如何实现5等分,一行5列? layui 栅格系统是12格的 不能实现5等分,可以自己仿照layui定义css样式 打开laui css查看源码 发现一等分是8.3%   layui是12格的; 所以 实现五等分 12/5*8.3% 就是19.9999992% 5等分,12格,大概每列占比是1...
评论:0条
评论加载中...
发表评论
后一篇: