Bootstrap 单选按钮不起作用
Bootstrap radio buttons do not work
我在 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而不是radio上吗?我认为 bootstrap 使标签成为单选触发器而不是实际的单选按钮。
看看风景按钮:
https://jsfiddle.net/zf7p2Lbd/
<label class="btn btn-primary" onclick="alert('Scenery!')">
<input type="radio" id="scenery-option" /> Scenery
</label>
我在 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而不是radio上吗?我认为 bootstrap 使标签成为单选触发器而不是实际的单选按钮。
看看风景按钮:
https://jsfiddle.net/zf7p2Lbd/
<label class="btn btn-primary" onclick="alert('Scenery!')">
<input type="radio" id="scenery-option" /> Scenery
</label>