bootstrap switch 按钮开关初始化加载赋值,ajax点击切换




最近项目需要用到开关按钮,在网上找了一下,bootstrapswitch用的简单方便。

下载地址: http://www.bootcss.com/p/bootstrap-switch

HTML代码

初始化加载开关按钮:

if(whiteFlag == "0"){
    // 关
   $('#mySwitchOne').bootstrapSwitch('state',false,true);
}else{关
    // 
    $('#mySwitchOne').bootstrapSwitch('state',true,true);
}
//  点击 开关  切换 
$('#mySwitch input').bootstrapSwitch({  
   onText:'启用',  
   offText:'停用' ,
   onColor:"success",
   offColor:"danger",  
   size:"normal",
   onSwitchChange:function(event,state){  
       if(state==true){  
    	 //启用
      	  $.ajax({
  		    type: 'POST',
  			url: '/user/enableWhitelist',
  			dataType:'json',
  			success:function(data){
  				if(data.success){
  				}else{
  					layer.msg(data.errorMessage);
  				}
  			},
  			error:function(XMLHttpRequest,textStatus){
      			layer.msg(textStatus);
      		}
      	  })
       }else{  
    	 //停用
      	  $.ajax({
  		    type: 'POST',
  			url: '/user/disableWhitelist',
  			dataType:'json',
  			success:function(data){
  				if(data.success){
  				}else{
  					layer.msg(data.errorMessage);
  				}
  			},
  			error:function(XMLHttpRequest,textStatus){
      			layer.msg(textStatus);
      		}
      	  })
   		} 
      }  
});

有些地方说的不清楚,请见谅。


你可能感兴趣的:(web前端)