按钮（切换按钮？）而不是使用bootstrap的ActiveRecord表单中的单选按钮？

Question

我希望在我的表单上有一个“priority”选择器，如下所示：

但无法弄清楚如何将其链接到activerecord。这是“切换按钮”的直接HTML：

<div class="btn-group">
   <a class="btn" href="#"><i class="icon-arrow-down"></i> &nbsp; Low</a>
   <a class="btn btn-warning active" href="#"><!-- i class="icon-white icon-adjust"></i--> Medium</a>
   <a class="btn" href="#"><i class="icon-arrow-up"></i> &nbsp; High</a>
</div>

我已经使用单选按钮了，所以想想也许我可以将它们设计为看起来像普通的内联按钮。如果没有一些JQuery，我不确定是否可以为每个按钮指定一个类：

<%= f.collection_radio_buttons :priority, [["C - Low", 'Low'],
                                           ["B - Medium", 'Medium'],
                                           ["A - High", 'High']], :first, :last %>

关于如何让它看起来像按下活动按钮的任何想法？

Answer 1

使用直接绑定到数据库中优先级列的隐藏输入字段结束：

<%= f.input :priority, as: :hidden %>

然后使用jquery使按钮可单击（并更改隐藏字段中的值）。