概述
if(iItem.isUse && iItem.isUse == 1) {
// 开-按钮
isUseVal = '是';
isUseBtnShow =
'
''+isUseVal+''+
'
'
'
'
'
} else {
// 关-按钮
isUseVal = '否';
isUseBtnShow =
'
''+isUseVal+''+
'
'
'
'
'
}
/* 按钮 */
.isUse_switch_box_on, .isUse_switch_box_off {
height: 27px;
width: 52px;
border-radius: 14px;
overflow: hidden;
position: relative;
cursor: default;
box-sizing: content-box;
}
/* 按钮-开 */
.isUse_switch_box_on .isUse_switch_on {
height: 27px;
width: 52px;
position: absolute;
left: 0;
top: 0;
background-color: rgb(68, 219, 94);
z-index: 1;
}
/* 按钮-开 */
.isUse_switch_box_on .isUse_switch_thumb {
height: 27px;
width: 26px;
border-radius: 50%;
background-color: #fff;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
/* 按钮-关 */
.isUse_switch_box_off .isUse_switch_off {
height: 27px;
width: 52px;
position: absolute;
left: 0;
top: 0;
background-color: rgb(219, 219, 219);
z-index: 1;
}
/* 按钮-关 */
.isUse_switch_box_off .isUse_switch_thumb {
height: 27px;
width: 26px;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 1px;
top: 0;
z-index: 2;
}
function isUseChange(id, isUseVal, endTimeVal) {
jq.ajax({
type: "POST",
cache: false,
async: false,
url: video + '接口',
data: {
"token": token,
"questionnaireCode": code,
"videoId": id,
"isUse": itemIsUse,
"endTime": endTimeVal
},
success: function(result) {
var data = result;
if (data.code == 1) {
load_page(page); // 重新调用页面数据
// alert("修改成功！");
} else {
alert("请重新操作！");
}
},
error: function() {
alert("请求异常！");
}
});
}
点击时调用接口，刷新页面修改按钮状态
最后
以上就是炙热鞋子为你收集整理的js开关按钮ajax,js 开关按钮的全部内容，希望文章能够帮你解决js开关按钮ajax,js 开关按钮所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复