railsでsubmit以外の<button>の適用方法

Question

rails初心者です。
railsにて、submit以外のボタンの記述の方法について質問です。

HTMLで下記のように記載されたボタンに、railsを適用させたいのですが、どのように記載すればよいのかわかりません。

<button type="button" class="btn btn-default btn-lg bigger">はい</button>
<button type="button" class="btn btn-default btn-lg bigger">いいえ</button>
<button type="button" class="btn btn-default btn-lg bigger">わからない</button>

HTMLでは、上記のような3択にたいして、下記のrubyのコードを埋め込みたいのですが、どのように記載すればよいかわかりません。
※RialsにてView側にて下記の通り、もともとはradioボタンとして記載されていましたが、三択のボタン形式にしたいです。

<%= radio_button_tag :surgery, "no_answer", medical_history_radio_boolean(@surgery, "no_answer") %>
<%= radio_button_tag :surgery, false, medical_history_radio_boolean(@surgery, "false") %>
<%= radio_button_tag :surgery, true, medical_history_radio_boolean(@surgery, "true") %>

勉強不足で申し訳ありませんが、何卒よろしくお願い致します。
なお、下記のあたりは読んだのですがよくわからず。。。。
http://railsdoc.com/references/button

Answer 1

「<button>にラジオボタンの動きをさせる」となると処理が面倒です（まず、「ボタンをへこんだ状態で止める」という処理自体、標準の<button>にはありません）。

発想を逆にして、「ラジオボタンをボタンっぽく見せる」というほうが、この実装を行う上では適当です。Bootstrapだと、標準でそのような機能が存在しています。

Comments

[MakitoKezuka]

ありがとうございます。もとのHTMLがbuttonだからといって、button_tagを使うのではなく、classで、bootstrapの通りにbtn型にして、radio_button_tagを活用するんですね。

下記のような形で実装しました。

```
<div class="row">
<div class="col-xs-6 pull-right">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default btn-lg bigger">
<%= radio_button_tag :surgery, false, medical_history_radio_boolean(@surgery, "false") %>ない
</label>
<label class="btn btn-default btn-lg bigger">
<%= radio_button_tag :surgery, true, medical_history_radio_boolean(@surgery, "true") %>あり
</label>
<label class="btn btn-default btn-lg bigger">
<%= radio_button_tag :surgery, "no_answer", medical_history_radio_boolean(@surgery, "no_answer") %>未回答
</label>
</div>
</div>
</div>
```