JS：手写switch按钮

最新推荐文章于 2024-08-14 00:00:00 发布

Schon_zh

最新推荐文章于 2024-08-14 00:00:00 发布

阅读量1.8k

点赞数

分类专栏： JS 文章标签： switch

本文链接：https://blog.csdn.net/u011374582/article/details/83069800

版权

JS 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

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

        }
    })
}