チェックボタンのアンカーの範囲を広げる

チェックボタンをつけたときにどちらにチェックが付いているのか判別したかったのとそれをカラムとして保存したかったときにちょろっと詰まったのでメモしときます。

レファレンスとかもろもろに従って最初に書いたコードが以下です。
たしかこんな感じだったような・・・
radio_buttonのレファレンス
[f.labelのレファレンス]
(http://railsdoc.com/references/label)

hoge.erb

<%= form_for @user, url: hogehoge_path do |f| %>      
  <div class="glay">
    <%= f.radio_button :hoge_flg, true %>
    <%= f.label :hoge_flg_true,"Yes" %>
  </div>
  <div class="glay">
    <%= f.radio_button :hogee_flg, false %>
    <%= f.label :hoge_flg_false,"No" %>  
  </div>
  <%= render partial: 'form_submit' %>
<% end %>

このコードだとYes Noの文字の部分かチェックボックスをクリックしないとチェックボックスにチェックが入らないという状態になり、それを囲んでいるdivのglayが意味ない感じになっています。
divのglayで囲んでいる部分をどこでクリックしてもチェックできるようにしました。
以下です。

hoge.erb

<%= form_for @user, url: hogehoge_path do |f| %>
  <%= f.label :hoge_flg_true do %>
    <div class="glay">
      <%= f.radio_button :hoge_flg, true %>
      Yes
    </div>
  <% end %>
  <%= f.label :hoge_flg_false do %>
    <div class="glay">
      <%= f.radio_button :hoge_flg, false %>
      No
    </div>
  <% end %>
  <%= render partial: 'form_submit' %>
<% end %>

正直labelでブロックを使用しその支配下にするなんて方法を知らなかったので今回なかなか感動しました。
なにかのときに参考になれば幸いです。。。。