How do I call a javascript function when a button

Question

Right now I am using:

<%=button_to_function "✓", checkButton(), :class => "buttonGrey"%>

But the javascript function needs something to be passed to it so it can toggle the class( I want the buttons class to be changed upon pressing it) What would I pass as a param to represent the button?

Answer 1

Since "button_to_function" is deprecated since Rails 4.0.2, now you can use "button_tag" helper.

Exemple:

<%= button_tag "Do It", type: 'button', onclick: "myFunction()", class: 'btn btn-default' %>

Note: If you use CoffeeScript, declare your function as:

window.myFunction =>
  ...

because in CofeeScript, functions are not global scoped by default.

Answer 2

Just use straight up jquery.

$(".buttonGrey").on("click", function() {
  // do something
});

Answer 3

Inside checkButton(), you should be able to access this and manipulate it using jQuery or whatever your framework is.

For example, using jquery:

$(this).toggleClass("buttonGrey buttonGreen");

Answer 4

You can execute javascript directly in the button_to_function.

In your case:

<%= button_to_function "✓", '$(this).toggleClass("buttonGrey buttonGreen");', :class => "buttonGrey" %>

Hope this helps!

Answer 5

Use the on click event inside the button tag