如何将单选按钮与 rails 中的文本字段链接？

Question

<div class="form-group">
  <%= f.label :Owner %><br>
  <%= f.radio_button :owner, "Option1" %>
  <%= f.label :owner, "Option1" %><br>
  <%= f.radio_button :owner, "Option2" %>
  <%= f.label :owner, "Option2" %><br>
  <%= f.radio_button :owner, value: ""} %>
  <%= f.text_field :owner %>
</div>

所以我有几个单选按钮选项，最后一个我想用一个文本字段打开它。基本上，我希望表单在用户开始在文本字段中输入时选择最后一个单选按钮。有没有办法把这两件事联系起来？我知道在 html 中你可以在 radio_button 代码中抛出文本字段代码，但我认为这在 Rails 中是不可能的。

Answer 1

您可以通过使用 jquery 来实现这一点。您只需为文本字段编写onChange 函数，在该函数中您可以将最后一个无线电输入设置为checked 考虑您的观点：

<div class="form-group">
  <%= f.label :Owner %><br>
  <%= f.radio_button :owner, "Option1" %>
  <%= f.label :owner, "Option1" %><br>
  <%= f.radio_button :owner, "Option2" %>
  <%= f.label :owner, "Option2" %><br>
  <%= f.radio_button :owner, value: "", :class => "custom" %>
  <%= f.text_field :owner, :class => "user-defined" %>
</div>

用于此的 jquery 函数将是：

$(".user-defined").change(function(){
  if($(this).val()){
    $(".custom").prop('checked', true);
  }
  else{
    $(".custom").prop('checked', false);
  }
});

这未经测试，但我希望它能给你正确的方向。