Jquery Mobile将标签添加到单选按钮控制组

时间:2013-04-07 17:23:36

标签: jquery ruby-on-rails ruby-on-rails-3 jquery-mobile haml

我有一个表单,有四个单选按钮,我无法弄清楚如何为这个单选按钮添加标签,就像这样

LABEL ........ Radio1Radio2Radio3Radio4

单选按钮代码:

%div{"data-role" => "fieldcontain"}
  //I think here i need to add something
  %div{"data-role" => "controlgroup", "data-type" => "horizontal"}
    - @models.each do |rep| 
      %label{for: "#{rep.text}_#{c.id}"}= rep.text
      = radio_button_tag "answers[#{c.id}]", id: "#{rep.text}_#{c.id}"

我尝试了几种方法,但我能得到的最好的方法是这样的标签

LABEL

Radio1Radio2Radio3Radio4

1 个答案:

答案 0 :(得分:0)

我只是搞清楚了。我需要的是%fieldset而不是第二行的%div

上面代码中的前三行,需要看起来像这样

%div{"data-role" => "fieldcontain"}
  %fieldset{"data-role" => "controlgroup", "data-type" => "horizontal"}
    %legend= Label