<强>不废话,直接上图:
原始状态:
点击确定:
点击取消或者X
<强>代码:
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Document
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/static/layui/css/layui.css " rel=巴獠縩ofollow”比;
& lt;/head>
& lt; body>
& lt;形式类=" layui-form " action="比;
& lt; div类=發ayui-form-item”比;
& lt; div类=發ayui-input-block”比;
& lt;输入类型=案囱】颉眓ame="打鼾声" lay-skin=翱亍眑ay-filter=皊witchTest lay-text”=翱魘关闭”比;
& lt;/div>
& lt;/div>
& lt;/form>
& lt;脚本src=" https://www.yisu.com/zixun/static/layui/layui.js "祝辞& lt;/script>
& lt; script>//演示
layui。使用([‘形式’,‘jquery’,‘层’),函数(){
var=layui.form形式;
var jquery=layui.jquery;
var层=layui.layer;//监听提交
form.on(开关(switchTest),函数(数据){
console.log (data.elem);//得到复选框原始DOM对象
console.log (data.elem.checked);//开关是否开启,真实或者错误的
console.log (data.value);//开关值值,也可以通过data.elem.value得到
console.log (data.othis);//得到美化后的DOM对象
var x=data.elem.checked;
layer.open ({
内容:“测试”
btn:['确定”、“取消”)
是的:函数(指数、layero) {
data.elem.checked=x;
form.render ();
layer.close(指数);//按钮【按钮一】的回调
}
这里:函数(指数、layero) {//按钮【按钮二】的回调
data.elem.checked=! x;
form.render ();
layer.close(指数);//返回false开启该代码可禁止点击该按钮关闭
}
取消:函数(){//右上角关闭回调
data.elem.checked=! x;
form.render ();//返回false开启该代码可禁止点击该按钮关闭
}
});
返回错误;
});
});
& lt;/script>
& lt;/body>
& lt;/html>
以上这篇layui开开关关监听弹出确定状态转换的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
