javascript - 使用 Jquery 将 Rails check_box_tag 更改为 "checked"

Question

这个代码可能很简单，但我对 Jquery 还不太热衷，而且我在网上找不到解决方案。

在我看来，用户需要能够使用 Rails check_box_tag 表单提交从各种植物图像中进行选择。当用户单击植物图像时，我希望选中其随附的复选框。

我的看法:

<%= form_for @project.prelationships.build(:pfollowed_id => @project_id) do |f| %>
  <% Plant.all.each do |plant| %>
    <h>
      <%= image_tag plant.image_path %>
      <%= check_box_tag "prelationship[pfollower_id][]", plant.id %>
    </h>
  <% end %>
  <%= hidden_field_tag :project_id, @project.id %>
  <%= f.submit "Pfollow" %>
<% end %>  

在我的 application.js 中:

$(function () {
  $("h").click(function () {
    $(this).hide().parent().find(':submit').click();
  });
});  

该 javascript 代码目前的问题是，当您单击图像时，它会提交表单，而不是简单地选中该图像的复选框。如何修改这一行代码以在 onclick 上返回选中的复选框？我在网上看到了很多示例解决方案，但他们从未处理过rails的check_box_tag，这似乎需要一个独特的答案。

Answer 1

如果我猜你的意思，这应该可以解决它:

$(function() {       
    $("h").click(function() {
        $(this).find('input:checkbox').prop("checked", true);
    });
});

查看它的工作情况: http://jsfiddle.net/RZUfs/