Rails简单表单Bootstrap-Javascript if语句来显示输入

我有一个rails 4应用程序，具有简单的表单和引导

我想在表格中提出一个问题，询问用户是否需要调查回复。如果答案是真的，那么我想问一个后续问题。我的两个调查问题是：

<%= f.input :survey, :as => :boolean, :label => false, inline_label: 'Do you need survey responses?'  %>
<br><br>


    <%= f.input :survey_link, label: 'Where is your survey?', :label_html => { :class => 'question-data' }, placeholder: 'Include a link to your survey', :input_html => {:style=> 'width: 650px; margin-top: 20px',  class: 'response-project'} %>

---

我找不到任何资源来帮助解释如何做到这一点。非常感谢您的帮助。谢谢。

显然，下面的代码取决于

调查

和

调查链接

输入在实际HTML中的名称。因此，如果在本例中是针对

@user

：

<% simple_form_for @user do |f| %>
    <%= f.input :survey, :as => :boolean, :label => false, inline_label: 'Do you need survey responses?'  %>
    <%= f.input :survey_link, label: 'Where is your survey?', :label_html => { :class => 'question-data' }, placeholder: 'Include a link to your survey', :input_html => {:style=> 'width: 650px; margin-top: 20px',  class: 'response-project'} %>
<% end %>

---

非常感谢你的帮助。我在应用上有困难。我将用我的尝试更新我的帖子。我真的很感谢你花时间解释这件事。非常感谢。非常感谢你的帮助。我在应用上有困难。它对表单字段非常有效，但是上面的标签（上面写着“你的调查在哪里”的部分需要用调查链接隐藏）。请告诉我如何将标签与隐藏字段链接。非常感谢，希望你有一个美好的一天。如果你也想隐藏标签，只需添加

$（'.question data'）.hide（）hide（）

命令和

$（'.question data'）.show（）show（）

命令进行编码>。这将隐藏使用该类设置样式的所有内容（包括不应隐藏的表单中的其他标签。是否有方法将其限制在此输入（调查链接）上的标签？非常感谢：）。

<% simple_form_for @user do |f| %>
    <%= f.input :survey, :as => :boolean, :label => false, inline_label: 'Do you need survey responses?'  %>
    <%= f.input :survey_link, label: 'Where is your survey?', :label_html => { :class => 'question-data' }, placeholder: 'Include a link to your survey', :input_html => {:style=> 'width: 650px; margin-top: 20px',  class: 'response-project'} %>
<% end %>

<script>
$(function() {
    // Hide the survey_link input
    $('input[name="user[survey_link]"]').hide();
    $('input[name="user[survey_link]"]').closest("label").hide();

    // When the survey checkbox changes
    $('input[name="user[survey]"]').change(function() {
         $('input[name="user[survey_link]"]').closest("label").toggle(this.checked);
         $('input[name="user[survey_link]"]').toggle(this.checked);
    });
});
</script>