如有误会,敬请谅解;我对 HTML/Bootstrap 还很陌生。
我有一组单选按钮,每个按钮都有自己的标签,用户可以选择。标签本身(Bootstrap 将其视为按钮?)是可单击的,但是单选按钮不可单击,但仍突出显示相应的标签。有人能解决这个问题吗?我需要能够单击答案(标签或单选按钮)上的任意位置,并将单选按钮和标签显示为选定状态。我已经尝试了所有我能想到的... 这是我正在做的一些示例代码:
<div class="col-sm-12">
<div class="btn-group btn-group-toggle btn-group-lg btn-group-justified" data-toggle="buttons">
<div class="form-group">
<label class="btn btn-default btn-lg btn-block" style="text-align:left; white-space:normal;">
<input type="radio" name="Q1" id="A1"
value="TEST TEXT."
style="margin-left:10px;" required/> TEST TEXT
</label>
</div>
<div class="form-group">
<label for="Q1A2" class="btn btn-default btn-lg btn-block" style="text-align:left; white-space:normal;">
<input type="radio" name="Q1" id="A2"
value="TEXT TBD"
style="margin-left:10px;" required /> TEXT TBD
</label>
</div>
最佳答案
for="Q1A2"
这不应该是名称和 ID 的组合。使名称唯一并应用标签的 for 属性。
<label for="item1">Item1</label><input type="radio" name="item1" style="margin-left:10px;" required />
<label for="item2">Item2</label><input type="radio" name="item2" style="margin-left:10px;" required />
关于javascript - 单选按钮未选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51294104/