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);
            }

        }
    })
}

最后

以上就是孤独月亮为你收集整理的JS：手写switch按钮的全部内容，希望文章能够帮你解决JS：手写switch按钮所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。