欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS:手写switch按钮

程序员文章站 2022-07-13 16:35:32
...

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

        }
    })
}
相关标签: switch