Ruby on rails 如何隐藏单选按钮并使用div/标签作为按钮？（Ruby on Rails）

在一个简单的表单中，我尝试设置单选按钮的样式

但是如何隐藏单选按钮并通过单击标签来选择表格id

  <% Table.all.each do |rt| %>
    <div class="btn-group" data-toggle="buttons-radio">
      <%= f.radio_button :table_id, "fd", :id=>"hi-#{rt.id}", :style=>"display:none;" %>
      <label for="hi-#{rt.id}" class="btn btn-primary box3"><%= rt.id %>
      </label>
    </div>
  <% end %>

“hi-#{rt.id}”，：style=>“display:none；”%>

注意事项：

这张桌子有很多：预订

预订属于：表

table_id是reservations表中的整数列

我找到了答案

视图：

<% Table.all.each do |rt| %>
  <label class="btn btn-primary box3" for="reservation_table_id_<%=rt.id%>">
    <%= f.radio_button :table_id, rt.id %>
    <span><%= rt.id %></span>
  </label>
<% end %>

label > input{
  visibility: hidden;
  position: absolute;
}
label > input + span{
  cursor:pointer;
  border:2px solid transparent;
}