Html 引导单选按钮不工作

我在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中的错误吗？

你能把onclick放在标签上而不是放在收音机上吗？我认为引导使标签成为单选触发器，而不是实际的单选按钮

查看“布景”按钮：

景观

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