当用户在选择中选择某个选项时,我想要出现两个单选按钮,他们也需要做出选择。要突出显示单选按钮与选择相关的事实,我希望它们在选择下方显示为input-group-addon
。
我可以将一个单选按钮显示为选择(fiddle here)右侧的input-group-addon
:
<div class="input-group">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<span class="input-group-addon">
<input type="radio">
</span>
</div>
但是如何在它下方显示input-group-addon
以便它可以包含两个下方的单选按钮?
答案 0 :(得分:0)
如果你的最终结果如下图所示..
那么代码将是这样的..
<div class="input-group">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
</div>