仅通过单击复选框提交表单

Question

我试图通过仅单击复选框本身而无需使用提交按钮来在我的视图上创建复选框的提交（它是属性的切换）。

这就是我的文本框/提交内容：

<%= form_for @task, remote: true do |task| %>
    <%= task.check_box :complete, class: "check_box" %>
    <%= task.submit %>
<% end %>

当我只点击框时，我想触发这个方法：

def update
    @task = Task.find(params[:id])

    @task.toggle :complete
    @task.save

   respond_to do |format|
      format.html
      format.js
    end

  end

我想知道你们中是否有人认为使用 div 创建一个 link_to 会更容易解决这个问题，否则我想使用 jquery 或其他方法并保留复选框。

谢谢！

Answer 1

要在选中复选框后提交表单，您只需添加onchange: "this.form.submit();"，它将提交表单并加载下一个操作。

<%= form_for @task, remote: true do |task| %>
  <%= task.check_box :complete, class: "check_box", onchange: "this.form.submit();" %>
  Yup I am done!
<% end %>

Answer 2

很简单，请参阅此脚本以获取帮助：

$(".check_box").change(function(){
  if($(this).prop('checked') == true){
    $("form").submit();
  }
});

您可能需要检查复选框是选中ON还是OFF。