建站
咨询
售后
建站咨询
在Layui中实现开关按钮的效果实例
首先引入js,css
创新互联成立于2013年，先为岳塘等服务建站，岳塘等地企业，进行企业商务咨询服务。为岳塘企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
然后我有一个list表格 其中有个字段叫 是否有效
{title: "是否有效", field: "isValid",align:"center",formatter:function(value,row,index){
if(row.isValid == 1){
return " ";
}else {
return " ";
}
}},
执行这一步才能渲染出效果
onLoadSuccess: function (data) {
layui.use('form', function(){
var form = layui.form;
form.render('checkbox');
form.on('switch(isValid)', function(data){
changState(data.value,data.elem.checked);
});
form.on('switch(isTraining)', function(data){
changState1(data.value,data.elem.checked);
});
form.on('switch(isTraining)', function(data){
changState1(data.value,data.elem.checked);
});
});
}
接着要判断状态是否修改成功
以上这篇在Layui中实现开关按钮的效果实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。
当前标题：在Layui中实现开关按钮的效果实例
链接分享：http://scyingshan.cn/article/jpjgjc.html
