如何在 Formtastic 中隐藏条件输入？

Question

我继承了一个在 Rails 中使用 ActiveAdmin 和 Formtastic 的项目。 我对其中任何一个的经验都很少，但它似乎很简单，可以完成简单的任务。

所以，我的任务是添加一个收音机输入，但如果收音机与某个值不匹配，则隐藏另一个输入。 我到处搜索，似乎找不到任何关于此的内容。

这是我的表格：

form do |f|
  f.inputs 'Book Details' do
    f.input :name, required: true
    f.input :has_subtitle, as: radio, required: true
    f.input :subtitle
  end
end

在这种形式中，我只需要显示 :subtitle，如果 :has_subtitle 设置为 true/yes，否则他们不应该看到输入（如果它是可见的，它也应该是必需的）。

这可以在 Formtastic 中完成吗？

谢谢！

Answer 1

f.input :has_subtitle, as: radio, required: true, { data: { toggle: 'subtitle_input' }}

然后将javascript（这是coffeescript）添加到一个单独的文件（例如form.js.coffee）

$(document).on 'ready page:load', ->
  $('[data-toggle]').on "change", ->
    $($(this).data('toggle')).toggle($(this).val() == 'show')

您可能需要对此进行一些配置，具体取决于单选按钮的值

然后将其包含在 application.js 中

# application.js
//= require form