通过按钮输入收音机，视觉切换行为

Question

我正在使用以下代码来模拟带有按钮的输入收音机：

<input id="blah" name="blah" type="hidden" value="true">
<div class="btn-group" data-toggle="buttons-radio">
   <button type=button data-toggle=button class="btn btn-primary" onClick="$('#blah').val(true);">Option1</button>
   <button type=button data-toggle=button class="btn btn-primary" onClick="$('#blah').val(false);">Option2</button>
</div>

它工作得很好，但有一个小问题。 我无法设置默认选项。 如果我将选项 1 上的 class="btn btn-primary" 更改为 class="btn btn-primary active" （以在视觉上区分为默认值），则按钮视觉外观的切换不再起作用，即一次我单击相反的按钮，它们都保持视觉活跃。

问题是视觉上的，内部隐藏字段设置正确，没问题。

如何在不破坏切换视觉行为的情况下使任何按钮视觉默认？

Answer 1

这解决了：

<input id="blah" name="blah" type="hidden" value="true">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active" onClick="$('#blah').val(true);" >
  <input id="p1" type=radio checked>Option1
</label>
<label class="btn btn-primary" onClick="$('#blah').val(false);">
  <input id="p2" type=radio >Option2 
</label>
</div>