Passing variables through click event JavaScript

Question

I was passing a parameter from an onclick event this way...

<span id="btn1" onclick="DoIt('Var1', 'Var2', 'Var3');return false;">
  Go!
</span>

<script type="text/javascript">
function DoIt(Var1, Var2, Var3) {
  // some code...
}
</script>

and evertything was working great until I realized that the page is calling the DoSave() function on page load.

I realize I need to encapsulate the DoSave() function like this...

$('#btn1').click(function(event) {
  event.stopPropagation();
  // where DoIt() code will end up...
});

but I'm confused about how to pass and access the variables that were attached in the onclick event..

onclick="DoIt('Var1', 'Var2', 'Var3');return false;"

How can this be acheived?

casper123 · Accepted Answer · 2015-09-29 07:34:58Z

3

Why not simple use data attributes?

<span id="btn1" data-var="var1" data-var2="var2" data-var3="var3">
  Go!
</span>

<script type="text/javascript">
$('#btn1').click(function(event) {
  value1 = $(this).data('var');
  value2 = $(this).data('var2');
  value2 = $(this).data('var3');
});
</script>

answered Sep 29, 2015 at 7:34

casper123

1,7664 gold badges22 silver badges39 bronze badges

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

2 Comments

Beengie Over a year ago

When I try to do an alert to show what I am passing, they each return 'undefined'.

casper123 Over a year ago

@Beengie: Please update your question with complete code

Collectives™ on Stack Overflow

Passing variables through click event JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related