Question

我有一些ruby和HAML代码可以在屏幕上显示两个按钮。我想将这些更改为单选按钮。这是当前显示两个按钮的代码：

.row
  .col-md-6
    .input-group
      = render @audience, opportunity: :opportunity

渲染的内容如下所示：

<div class="row">
<div class="col-md-6">
<a class="btn btn-lg btn-block btn-default audience-tab active" data-value="consumer" data-remote="true" href="/opportunities/229/edit?audience=consumer">Consumer</a>
</div>
<div class="col-md-6">
<a class="btn btn-lg btn-block btn-default audience-tab " data-value="business" data-remote="true" href="/opportunities/229/edit?audience=business">Business</a>
</div>
</div>

我不需要那个href =的东西。不知道为什么会那样。但我想要渲染的是两个单选按钮，上面写着“消费者”和“商业”，标签上写着“观众类型”。这样的事情应该有效：

  Audience Type: 
  <input type="radio" name="audience" value="consumer"> Consumer
  <input type="radio" name="audience" value="business"> Business

Answer 1

当我看到你使用Bootstrap时，所以HAML代码应如下所示：

%p Audience Type:
.radio
  %label
    %input{name: "audience", type: "radio", value: "consumer"}
    Consumer    
.radio
  %label
    %input{name: "audience", type: "radio", value: "business"}
    Business

如果@audience是Audience类的实例，则必须将HAML代码放入app/views/audiences/_audience.haml模板中。

将HAML按钮变为单选按钮

1 个答案: