入力-ラジオ、視覚的なトグル動作

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> 

それは完璧に動作しますが、若干の問題があります。 デフォルトのオプションを設定できません。 Option1（視覚的に区別するために）を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>