Question

我正在使用bootstrap 3和bootstrap Switch进行checkbix和单选按钮。我正在尝试提醒所选值（切换时）但没有警报。这是我的代码：

$(document).ready(function () {
    $('#preAuth').on('switch-change', function (e, data) {
        alert(data.value);
    }); 
});

HTML

<div class ="form-group">
    <label class="col-sm-3 control-label">Does payment profile exists ?</label>                                        
    <label class="checkbox-inline">                                         
        <input type="checkbox" id="preAuth" name="preAuth" data-on="primary" data-off="info" data-on-label="YES" data-off-label="NO" >
    </label>
</div>

Switch

的原始文档

如果您看到Toggle State示例，则单击“State！”按钮，它显示警报，但我无法理解如何显示警报。单击按钮时，我找不到调用警报的代码。

Answer 1

我认为您忘记先创建交换机。你需要这个：

$(document).ready(function () {

    $('#preAuth').bootstrapSwitch(); //create the switch
    //Now you can call it:
    $('#preAuth').on('switch-change', function (e, data) {
          alert(data.value);
    }); 
});

Fiddle

bootstrap switch选择选项警报不起作用

1 个答案: