JS：手写switch按钮

1. jsp

<div class="form-group">
    <label class="col-sm-3 control-label center" for="name"> 通知状态： </label>
    <div class="col-xs-6">
        <input name="status" type="checkbox"  data-size="small">
        <input type="hidden" id="state">
    </div>
    <div class="col-sm-3"></div>
</div>

2. js

function init_switch(){
    $('[name="status"]').bootstrapSwitch({
        onText:"启用",
        offText:"禁用",
        onColor:"success",
        offColor:"info",
        size:"small",
        onSwitchChange:function(event,state){
            if(state==true){
                $(this).val("0");
                $("#state").val(0);
            }else{
                $(this).val("1");
                $("#state").val(1);
            }

        }
    })
}