将 HAML 按钮变成单选按钮

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= 东西。不知道为什么会这样。但我想要呈现的是两个单选按钮，上面写着 "Consumer" 和 "Business"，标签上写着 "Audience Type"。这样的事情应该有效：

  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 class 的实例，您必须将 HAML 代码放入 app/views/audiences/_audience.haml 模板中。

将 HAML 按钮变成单选按钮

Turn HAML buttons into radio buttons

ruby-on-rails

haml