Rails3：如何获取复选框以从表单中添加/删除字段答案

【问题标题】：Rails3: How to get a checkbox to add / remove fields from a formRails3：如何获取复选框以从表单中添加/删除字段
【发布时间】：2012-02-07 00:47:29
【问题描述】：

我有一个表单来创建事件。如果一个事件正在重复，用户可以单击一个复选框，该复选框将加载处理重复任务的附加表单字段。

如何设置复选框，以便在单击时加载表单元素，而在取消选中时不显示表单元素（或在需要时删除）？

【问题讨论】：

您不只是在复选框的单击事件上放置一个处理程序并隐藏或显示相关组件吗？通常，您会在 $(document).ready 事件中执行此操作。如果这是您的问题，我可以尝试添加一些代码并创建答案...
你是对的，这是最简单的解决方案。我试图动态加载包含表单元素的部分。加载整个表单并隐藏/取消隐藏表单元素要容易得多。感谢您的快速回复！
绝对容易得多。 :) 你需要我更新一些示例代码，还是你很好？如果一切顺利，您可以回答自己的问题以关闭它。
如果您想要积分（积分），请随时发布，我会投票赞成。否则我可以在今晚晚些时候编写代码。

标签： jquery ruby-on-rails ajax ruby-on-rails-3

【解决方案1】：

$(document).ready(function(){
  // Hide div
  $(".hidden_fields").css("display","none");

  // Add onclick handler to checkbox w/ class 'toggle_hidden_fields'
  $(".toggle_hidden_fields").click(function(){
    if ($(".toggle_hidden_fields").is(":checked")) {
      // Show the hidden div
      $(".hidden_fields").show("fast");
    }
    else {
      // Otherwise, hide it
      $(".hidden_fields").hide("fast");
    }
  });
});

修改自：http://iamzed.com/2006/12/14/using-jquery-to-show-hide-form-elements-based-on-a-checkbox-selection/

*向马克·塔尔博特致敬

【讨论】：