html - 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>

如您所见，我在那里有点击次数。但是，当我点击它们时，没有任何反应!这是 Bootstrap 中的错误吗？

Answer 1

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

看看风景按钮:

https://jsfiddle.net/zf7p2Lbd/

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