Onclick prototype button

Question

How can I get every button on an html page to perform the same function using prototype.js? I used the someElement.observe () method and it worked for a single button. But how can I do this for each button on a page without coding separately for each button?

Answer 1

Use the css selector to select several items:

$$('input[type="button"]').observe(...) 

Answer 2

You can also use event delegation to register one event handler on an element that contains your buttons (for example, the body of the document), and take advantage of the fact that events cause a bubble in the DOM.

, , .

.

document.observe( 'click', function( event )
{
  var elem = event.element();
  if ( elem.match( 'input[type="button"]' ) )
  {
    // Do your event handler
  }
});

Answer 3

You can also use this:

Event.observe(window, 'load', function(){
$('idForm').getInputs('radio', 'nameRadio').each(function(el){
el.onclick  = function(){
//Actions<br>

});
});