layui开关开关监听弹出确定状态转换的例子

不废话，直接上图：

原始状态：

点击确定：

点击取消或者X

代码：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' title document/title link rel='样式表href=' static/layui/CSS/layui。CSS ' rel='外部无跟随'/head dyform class=' layui-form ' action=' div class=' layui-form-item ' div class=' layui-input-block ' input type=' checkbox ' name=' zzz ' lay-skin=' switch ' lay-filter=' switch test ' lay-text='开启|关闭/div/div/表单脚本src=' http : static/layui/layui。js '/script脚本//Demo layui。使用([' form '，' jquery '，' layer']，function(){ var form=layui。形式；jquery=layui.jqueryvar图层=layui.jqueryvar监听提交form.on('switch(switchTest)')，function(data){ console。日志(数据。elem)；//得到检验盒原始数字正射影像图对象控制台。日志(数据。艾伦。选中)；//开关是否开启，真的或者假控制台。日志(数据。值)；//开关价值值，也可以通过data.elem.value得到控制台。日志(数据。othis)；//得到美化后的数字正射影像图对象var x=数据。艾伦。已检查；layer.open({ content: 'test '，btn: ['确定', '取消】，是：函数(索引，layero){数据。艾伦。选中=x；形式。render()；layer.close(索引);//按钮【按钮一】的回调}，btn2:函数（索引，layero){ //按钮【按钮二】的回调data.elem.checked=！x；形式。render()；layer.close(索引);//返回错误的开启该代码可禁止点击该按钮关闭}，取消：函数(){ //右上角关闭回调data.elem.checked=！x；形式。render()；//返回错误的开启该代码可禁止点击该按钮关闭} });返回false })；});/脚本/正文/html以上这篇获得开关开关监听弹出确定状态转换的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。