問題：bootstrap 官網中只演示了css樣式，沒有給js，無法獲取值

思路：多次嘗試，發現switch的val值可以獲取到，於是通過js監控點選事件，給switch賦值實現該功能。若為新增則值為空，將value賦值0；若為新增，判斷有效無效，若有效模擬點選事件切換樣式。

jsp程式碼：

    <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="isauto">是否有效</label>
        <div class="col-sm-3">
            <label>
                <input name="efective" id="effective" class="ace ace-switch ace-switch-6" type="checkbox" value="${goodsTypeVo.effective}">
                <span class="lbl"></span>
            </label>
        </div>
        <div class="help-block"></div>
    </div>
 

js程式碼：

    jQuery(function($) {
        if( $("#effective").val()==null){
            $("#effective").val("0")
        }else if($("#effective").val()==1){
            $("#effective").click()
        }
        console.log('$("#effective").val()'+($("#effective").val()));
        $("#effective").on('click', function(){
            clickSwitch()
        });
        function clickSwitch() {
            if ($("#effective").val()=="1") {
                $("#effective").val("0")
                console.log("由ON切換到OFF："+$("#effective").val());
            } else {
                $("#effective").val("1")
                console.log("在OFF切換到ON："+$("#effective").val());
            }
        };
      })