bootstrap 스위치 컨트롤

3911 단어 bootstrap
1、  
<link rel="stylesheet" href="bootstrap-switch/css/bootstrap-switch.css" />
<script type="application/javascript" src="js/jquery-1.10.2.min.js">script>
<script type="application/javascript" src="bootstrap-switch/js/bootstrap-switch.js">script>
2、   
<input type="checkbox" name="box" id="c">
<script>
$(function(){
   $('#c').bootstrapSwitch({ 
        onText:"  ", 
        offText:"  ", 
        onColor:"success", 
        offColor:"info", 
        size:"small", 
        onSwitchChange:function(event,state){ 
            if(state==true){ 
                $(this).val("1"); 
            }else{ 
                $(this).val("2"); 
            } 
        } 
    }) 
});
script>
3、   
<div class="switch">
  <input type="checkbox" name="close" data-on-text=" " data-off-text=" "/>
div>
<script type="text/javascript">
$(function(){
    $("input[name='close']").bootstrapSwitch();
});
script>

좋은 웹페이지 즐겨찾기