How to call a JavaScript function with parameter in jQuery?

Question

This is a simple example to call a JS function when a button is clicked. In this code I used the onclick method, but I want to learn how to call the same method using jQuery instead.

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#but").click(
        doubleSize($("#inpt").val()); // **maybe not correct here**
    );
});
function doubleSize(x)
{
    //some code make a number double size
}
</script>
</head>

<body>

<input id="inpt" type="text">
<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me !!</button>
<div><span id="result"></span>
</div>
</body>
</html>

If you are going to do a jQuery event handler there is no need to use the onClick attribute for the element. You are already listening for that event. — Nick
– Nick, Commented Dec 5, 2013 at 15:15

aksu · Accepted Answer · 2014-01-18 09:51:30Z

7

Replace

    $("#but").click(
      doubleSize($("#inpt").val()); // **maybe not correct here**
    );

with

    $("#but").click(function() {
      doubleSize($("#inpt").val());
    });

Now it should work. The trick is that .click function has callback function which controlls doings after click, and you now learned to use it.

Check my fiddle.
Find more on api.jquery.com/click.

edited Jan 18, 2014 at 9:51

answered Dec 5, 2013 at 15:08

aksu

5,2365 gold badges26 silver badges39 bronze badges

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

3 Comments

Jack Over a year ago

They'll also need to remove the inline js.

Thanassis Over a year ago

You mean onclick method? Yes I did just to show how I did to work.

aksu Over a year ago

No, jQuery's alternative for onclick is .click. See my demonstrative JSFiddle: jsfiddle.net/Mwx3w

Collectives™ on Stack Overflow

How to call a JavaScript function with parameter in jQuery?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related