Implementing AJAX call on checkbox in Rails to update db

Question

Rails newbie here.

I am trying to make a checkbox called "Active" that will act as a form when the checkbox is checked/unchecked and use AJAX to automatically update the database with the changed attribute (without a submit button). I am using the instructions here: http://trevorturk.com/2010/08/24/easy-ajax-forms-with-rails-3-and-jquery/ but can't seem to make it work correctly.

In my view:

<%= form_for @post, :remote => true do |f| %>
<%= f.label :active %>
<%= f.check_box :active, :class => 'submittable' %>
<% end %>

In my posts_controller.rb

def update
if @post.update(post_params)
  flash[:notice] = "Your post was edited."
  redirect_to post_path(@post)
else
  render :edit
end
end

Then I made a file called 'archive.js.erb' in my views/posts folder with this code:

$('.submittable').live('change', function() {
  $(this).parents('form:first').submit();
});

paulorcdiniz · Accepted Answer · 2014-04-22 01:50:38Z

2

I've tried your code, and the problem seems to be on the live method on javascript. It works if i change to the click function:

$(document).ready(function(){

    $('.submittable').click(function() {
        $(this).parents('form:first').submit();
    });

});

Edit: Forgot to mention that this javascript was included in app/assets/javascripts directory. This is because the javascript must be loaded on document.ready for the jQuery ajax to have the effect that you want.

The arquive.js.erb file must exist in the case that you have an arquive action on your controller, and the javascript code that is in it will be executed later. This is not your case.

edited Apr 22, 2014 at 1:50

answered Apr 22, 2014 at 1:35

paulorcdiniz

1641 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

boo Over a year ago

Hello, thank you for the response. Do you mean that I have to put this code into the apps/assets/javascripts/application.js file? Even if I do that, it does that work for me still

paulorcdiniz Over a year ago

Did you add the js inside the ready function? Maybe try to create a new js file inside the javascripts directory with the code.

boo Over a year ago

Yes, I tried it inside the ready function and also with a new js file and still this did not solve the issue for me. Do I need to call on the new js file anywhere?

boo Over a year ago

Oh sorry! I am checking now and it seems to work sometimes only, but it does work partially. I can check to see what kind of bugs I can solve. Thank you for your help!

Collectives™ on Stack Overflow

Implementing AJAX call on checkbox in Rails to update db

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related