使用jQuery在rails中完成todo项目

Question

我正在尝试能够在索引上完成todo项目，目前我可以进入并编辑待办事项并完成它，但是我希望能够在索引上动态完成项目所以不需要进入并编辑每个待办事项并更新，然后重定向到索引。我正在努力，因为我让它们通过索引，它显示已完成和未完成的，但它没有修补索引的更新

我的表格

<%= f.input :completed, as: :boolean, input_html: { class: 'completed', id: @todo.id } %>

我的视图（标签必须在按照materializecss输入后）

<%= check_box_tag 'completed', todo.id, todo.completed?, class: 'completed' %>
<label class="strikethrough">
  COMPLETE
</label>

我的jQuery

// This could be other events as well, so add/change/remove the event trigger as needed
$(document).on('click', '.completed', function(){
    updateCompleted($(this));
});

function updateCompleted($el) {
   var id   = $el.attr('id'),
       val  = $el.is(':checked');

   $.PATCH({ 
     url: '/todos/'+id, 
     data: { todo: { completed: val } }, 
     success: function(){ whatever }, 
     error: function() { whatever }
   });
}

我的控制器

params.require(:todo).permit(:title, :item, :image, :completed)

非常感谢任何帮助。