交换机在layui中的实现方法

效果如下：

显然，这个插件是一个复选框，但是它被封装在layui中。所以，layui的js和css是必不可少的。

Html代码：

form class=' layui-form ' action=' div class=' layui-form-item ' Label class=' layui-form-Label ' switch/Label div class=' layui-input-block ' input type=' checkbox '选中=' name=' switch ' lay-skin=' switch ' lay-filter=' switch test ' lay-text=' on | off '/div/formjs代码：

脚本layui.use (['form']，function () {var form=layui.form，layer=layui.layer//listen)到指定的switch form . on(' switch(switch test)'，function (data) {if (this。选中){ layer . msg(' switch checked ')true ' : ' false ')，{ offset : ' 6px ' })；Layer.tips('温馨提醒：请注意开关状态的字可以随意定义，不能只定义on | off '，数据。o this)} else { layer . msg(' switch:off '，{ offset : ' 6px ' })；}//做一些ajax opeartiopns});});/scriptOk，试试看。它可以作为一个指标放在表单中，并与表单一起提交。您也可以在监听开关的方法中单独执行ajax操作。

以上layui中switch的实现方法是边肖分享的全部内容，希望能给大家更多的参考和支持。