在获得中实现开关按钮的效果实例

首先引入js，css

脚本src=' http :/common/plugins/layui-v 2。2 .5/layui。js ' charset=' utf-8 '/脚本链接rel='样式表type=' text/CSS ' href='/common/plugins/layui-v 2。2 .5/CSS/layui。CSS ' rel='外部无跟随'/然后我有一个目录表格其中有个字段叫是否有效

{title: '是否有效，field: 'isValid '，align:'center '，formatter:function(值，行，索引){ if(行。isValid==1){ return ' div class=\ ' layui-form ' input type=\ ' checkbox ' value=\ ' row。id ' \ ' name=\ ' isValid ' lay-filter=\ ' isValid '选中lay-skin=\ ' switch ' lay-text=\ '是|否\ '/div '；} else { return ' div class=\ ' layui-form ' input type=\ ' checkbox ' value=\ ' row。id ' \ ' name=\ ' isValid ' lay-filter=\ ' isValid ' lay-skin=\ ' switch ' lay-text=\ '是|否\ '/div '；} }},执行这一步才能渲染出效果

加载成功：函数（数据){ layui.use('form '，function(){ var form=layui。形式；form.render('复选框');form.on('switch(isValid)'，function(data){ changState(data。价值，数据。艾伦。选中)；});form.on('switch(isTraining)'，function(data){ changstate 1(data。价值，数据。艾伦。选中)；});form.on('switch(isTraining)'，function(data){ changstate 1(data。价值，数据。艾伦。选中)；});});}

接着要判断状态是否修改成功

以上这篇在获得中实现开关按钮的效果实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。