Bootstrap Switch(開關控制元件)簡易使用
阿新 • • 發佈:2019-02-05
/* bootstrap開關控制元件,初始化 */
$(function(){
/* 初始化控制元件 */
$(".checkbox").bootstrapSwitch({
onText : "上線", // 設定ON文字
offText : "下線", // 設定OFF文字
onColor : "success",// 設定ON文字顏色 (info/success/warning/danger/primary)
offColor : "danger", // 設定OFF文字顏色 (info/success/warning/danger/primary)
size : "mini", // 設定控制元件大小,從小到大 (mini/small/normal/large)
handleWidth:"35",//設定控制元件寬度
// 當開關狀態改變時觸發
onSwitchChange : function(event, state) {
var ProductId = event.target.defaultValue;
if (state == true) {
//上線
updateProductStatus(ProductId,'AOB');
/* alert("ON"); */
} else {
//下線
updateProductStatus(ProductId,'AOC');
/* alert("OFF"); */
}
}
});
});
$(function(){
/* 初始化控制元件 */
$(".checkbox").bootstrapSwitch({
onText : "上線", // 設定ON文字
offText : "下線", // 設定OFF文字
onColor : "success",// 設定ON文字顏色 (info/success/warning/danger/primary)
offColor : "danger", // 設定OFF文字顏色 (info/success/warning/danger/primary)
size : "mini", // 設定控制元件大小,從小到大 (mini/small/normal/large)
handleWidth:"35",//設定控制元件寬度
// 當開關狀態改變時觸發
onSwitchChange : function(event, state) {
var ProductId = event.target.defaultValue;
if (state == true) {
//上線
updateProductStatus(ProductId,'AOB');
/* alert("ON"); */
} else {
//下線
updateProductStatus(ProductId,'AOC');
/* alert("OFF"); */
}
}
});
});