js开关按钮ajax,js 开关按钮

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("请求异常！");

}

});

}

点击时调用接口，刷新页面修改按钮状态