admin管理员组

文章数量:1291109

I want to Pass the variable with click event in jquery

var get=3; 
$('#edit').click(function(event){
alert('You are getting:' + get);
}

please help me

html 

<input type='submit' name='action' id='edit' />

I want to Pass the variable with click event in jquery

var get=3; 
$('#edit').click(function(event){
alert('You are getting:' + get);
}

please help me

html 

<input type='submit' name='action' id='edit' />
  • javascript
  • php
  • jquery
  • html
  • css
Share Improve this question asked Feb 7, 2015 at 8:06 knsmithknsmith 1011 gold badge2 silver badges12 bronze badges 1
  • 1 to where you want to pass the data? – Frebin Francis Commented Feb 7, 2015 at 8:12
Add a ment  | 

8 Answers 8

Reset to default 1

You forgot the closing paranthesis.

Your javascript code should look like:

var get=3; 
$('#edit').click(function(event){
  alert('You are getting:' + get);
});

You have to initialize click even once document is loaded. Also you have syntax error in your code.

Try this one:

$(document).ready(function() {
    var get=3;
    $('#edit').click(function(event){
        alert('You are getting:' + get);
    });
});


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis./ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var get=3;
        $('#edit').click(function(event){
            alert('You are getting:' + get);
        });
    });
    </script>
</head>
<body>
    <input type='submit' name='action' id='edit' />
</body>
</html>

HTML button

<button id='my_button' type='button' data-id='1' data-values='1' value='6' data-whatever='20'>My button</button>

Jquery

$('#my_button').bind('click', function() {
    var value = $(this)val();
    var whatever = $(this).data('whatever');
    var id = $(this).data('id');
    var values = $(this).data('values');
    console.log(value);
    console.log(whatever);
    console.log(id);
    console.log(values);

});
  1. Open Firefox > Inspect Element > Console Tab.
  2. Load the codes
  3. Click the button
  4. See response

Initiate everything after document is ready.

$(document).ready(function() {
    var get = 3; 
    $('#edit').click(function(event){
        alert('You are getting:' + get);
    });
});

also don't use event handlers until you need it.

try:

$(document).ready(function() {
    var get=3; 
    $('#edit').on('click', function(event){
        alert('You are getting:' + get);
   }
});

html:

<input type="button" id="edit" />

You can do it like this:

$(document).ready(function() {
    var get = 3;
    $("#edit" ).bind("click", { key: get }, function(event){
        // event.data.key will have value of get
    });
});

Can you try like this, 

<script type="text/javascript">
  function test(ev) {
    var id = $(ev).attr('id');
    alert(id);
  }
</script>


<input id="btn" type="button" value="click" OnClick="test(this);" />

try this.

html:

<input type="button" id="edit"><br/>

jquery:

$(document).ready(function(){   
    var get = 3;  
    $("#edit").on('click',function(){ 
        alert("Value is: " + get); 
        //parameter value
    }); 
});

本文标签： javascripthow to pass the variable in jquery click event functionStack Overflow

版权声明：本文标题：javascript - how to pass the variable in jquery click event function - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741514085a2382779.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。