Bootstrap单选按钮无法使用。

Question

我正在使用Bootstrap 4中的单选按钮，代码如下：

    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="radio" id="physical-option" onclick="alert('Physical!')" checked="checked" /> Physical
        </label>
        <label class="btn btn-primary">
            <input type="radio" id="scenery-option" onclick="alert('Scenery!')" /> Scenery
        </label>
    </div>

您可以看到我在这里有onclicks。但是，当我点击它们时，什么也不发生！这是Bootstrap中的错误吗？

- MCMastery

Answer 1

你能把onclick放在标签上而不是单选框上吗？我认为Bootstrap使标签成为单选按钮的触发器，而不是实际的单选按钮。

看一下风景按钮：

https://jsfiddle.net/zf7p2Lbd/

    <label class="btn btn-primary" onclick="alert('Scenery!')">
        <input type="radio" id="scenery-option" /> Scenery
    </label>

- Joseph Young