通过按钮输入无线电，​​可视切换行为

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>

效果很好，但有轻微的问题。 我无法设置默认选项。 如果我改变了class =＆＃34; btn btn-primary＆＃34; to class =＆＃34; btn btn-primary active＆＃34;让我们说Option1（在视觉上区分为默认值），切换按钮的视觉外观不再起作用，即一旦我点击相反的按钮，它们都保持视觉活跃。

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

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

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>