html – JavaScript passing arguments to button onclick functions

I\’m trying to create a bunch of buttons via loop, and use the loop iterator as an argument for each of the button onclick functions.

My code:

var testFnc = function(i) { alert(\"Arg: \" + i); }

mainDiv.append(create_button(name, \"buttonCSS\", testFnc(i)));

However the functions are called automatically as the page loads and the buttons are placed (i.e. I see the alerts right away).

I\’m sure there\’s some common design pattern for this.

Thanks!

Rating: 2 out of 5 based on 3 ratings

Posts Related to html - JavaScript passing arguments to button onclick functions

• Jul 21st, 2012 json - How do I get the value of an object by key in javascript? Saturday AM 03:38:21


• Jul 22nd, 2012 javascript - How to stop asp.net button from being double clicked? Sunday AM 11:46:54


• Jul 10th, 2012 javascript - onclick event in HTML <select> not working Chrome and Safari Tuesday AM 05:32:53


• Jul 26th, 2012 Simple javascript onclick not working Thursday AM 08:28:12


• Jul 17th, 2012 I need to pass two elements to an onclick event handling function javascript and not just their id's Tuesday AM 02:40:09


• Jul 30th, 2012 How to manipulate the "onclick" event of a html button element with JavaScript? Monday AM 02:25:57


• Jul 22nd, 2012 ASP.NET WebForms/jQuery: jQuery .click event on button keeps button's serverside OnClick event from firing Sunday AM 03:26:31


• Jul 31st, 2012 Turn a fake array created by me into a real array in JavaScript Tuesday AM 05:16:32


• Jul 30th, 2012 javascript - select onclick onchange not working Monday PM 12:35:36


• Jul 12th, 2012 c# - changing input type Thursday AM 07:41:19

The post html – JavaScript passing arguments to button onclick functions appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/html-javascript-passing-arguments-to-button-onclick-functions.html