bootstrapを使えば簡単にinput要素のradioボタンをbuttonぽく表示できます。
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> <input type="radio" autocomplete="off" value="left"> radio1 </label> <label class="btn btn-primary"> <input type="radio" autocomplete="off" value="middle"> radio2 </label> <label class="btn btn-primary"> <input type="radio" autocomplete="off" value="right"> radio3 </label> </div> |
以下のようになります。
