Rubyのsinatraでのradiobuttonセットについて

Question

Ruby(railsではない)のwebフレームワークsinatraで、
登録、変更、削除ができるメンテ画面を作りたいのですが、
変更画面に

性別：<input id="user_gender_male" input type="radio" name="sex" value="male">男
<input id="user_gender_female" input type="radio" name="sex" value="female">女

のようなラジオボタンを設けた場合、登録でしたラジオボタンの選択を、変更画面で反映させる方法がわかりません。
登録で女にチェックしたなら、dbにfemaleと入るので、変更画面を表示したときに、
女を選択したいのですが、どのようにrubyソースを記述すればよいかご教授ください。
よろしくお願いします。

Answer 1

まず、sinatraのapp側でdbからの情報を@sexに入れておきます。端的に言うと@sex = 'female'などと設定された状態にします。Slim、Haml、ERBはそれぞれ次のように書きます。

Slimの例

- [['male', '男'], ['female', '女'], ['other', '他']].each do |sex_type, display|
  input> id="user_gender_#{sex_type}" type="radio" name="sex" value=sex_type checked=(sex_type == @sex)
  label> for="user_gender_#{sex_type}" = display

Hamlの例

- @sex = 'female'
- [['male', '男'], ['female', '女'], ['other', '他']].each do |sex_type, display|
  %input{id: "user_gender_#{sex_type}", type: "radio", name: "sex", value: sex_type, checked: sex_type == @sex}
  %label{for: "user_gender_#{sex_type}"}= display

ERBの例

<% @sex = 'female' %>
<% [['male', '男'], ['female', '女'], ['other', '他']].each do |sex_type, display| %>
  <input id="user_gender_<%= sex_type %>" name="sex" type="radio" value="<%= sex_type %>"
    <% if sex_type == @sex %>checked<% end %>>
  <label for="user_gender_<%= sex_type %>"><%= display %></label>
<% end %>

考え方はどれも同じで、sex_typeが@sexと同じだったらcheckedをつけるとしています。このとき、二つのinputを書くのでは無く、配列eachで回すのがコツです。後で、第三の性、第四の性、第五の性が追加されても簡単に実装できるからです。上の例は配列をべた書きしてますが、どこかに定数などで持たせておけば、入力やDBの値をチェックするバリデーションや、言語の切り替えなどができるようになります。

【注意】 ERBでの例を使う場合、sex_typeやdisplayには必ずハードコーディングされた値が入るようにし、入力された値が入らないようにしてください。サニタイズされないため、任意の値が入るとXSS等の脆弱性の原因になります。(SlimとHamlでは自動的にサニタイズされます)

Comments

[haruna080522]

丁寧な回答ありがとうございます。こういった場合は、checkedを制御するというやり方なのですね。
大変勉強になりました。