[心缘地方]同学录
首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》
登录系统:用户名: 密码: 如果要讨论问题,请先注册。

[备忘]bootstrap开关控件

上一篇:[备忘]tomcat关闭localhost_access_log日志
下一篇:[转帖]vim怎样在被显示为多行的单行里象真正的多行移动

添加日期:2018-5-4 9:44:46 快速返回   返回列表 阅读126次
https://github.com/Bttstrp/bootstrap-switch
----------------------
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>

<input type="checkbox" name="my-checkbox" checked>
<script>
$("[name='my-checkbox']").bootstrapSwitch();
</script>
------------------------------
<script type="text/javascript"> 
      $('[name="status"]').bootstrapSwitch({  
      onText:"启动",  
      offText:"停止",  
      onColor:"success",  
      offColor:"info",  
      size:"small",  
    onSwitchChange:function(event,state){  
      if(state==true){  
        alert('已打开');  
      }else{  
        alert('已关闭');  
      }  
    }  
  
       })  
  
    </script> 
-------------------------------
这个不影响原来的真checkbox,直接用jquery判断checkbox是否选中就行了。
 

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码(不区分大小写)
Validation Code:
(not case sensitive)
看不清?点这里换一张!(Change it here!)
 
评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.
CopyRight © 心缘地方 2005-2999. All Rights Reserved