Html 引导开关所选选项警报不工作

我使用的是带引导开关的引导3，用于复选框和单选按钮。我试图提醒所选值（切换时），但没有提醒。这是我的密码：

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

HTML

是否存在付款模式？

原始文件

---

如果您看到切换状态示例，如果您单击“状态！”按钮，它将显示警报，但我无法理解它是如何显示警报的。我找不到在单击按钮时调用警报的代码。

我认为您忘记了先创建开关。你需要这个：

$(document).ready(function () {

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

---

我看不到您在漂流中编辑的内容。我现在看到您的编辑。感谢您添加html标记。仍然无法工作。您的小提琴示例也不起作用。@user3067524我的小提琴工作得很好：您单击复选框，它会根据状态显示“真”或“假”。这不是你想要的吗？是的。非常感谢。在您的提琴中，onLoad使用jquery2.0，但不起作用。我把它改成了1.9，它成功了。但在我的actaul代码中，我使用的是1.9，而相同的代码不起作用。@user3067524这很奇怪，当我测试我的小提琴时，它在jQuery 1.8.3及以上的所有版本上都起作用。我没有测试其他的小提琴，因为它们都太老了。如果有人对这个答案中的小提琴示例感兴趣，请看这里：

$(document).ready(function () {

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