如何在jquery点击事件函数中传递变量答案

【问题标题】：how to pass the variable in jquery click event function如何在jquery点击事件函数中传递变量
【发布时间】：2015-04-07 10:21:37
【问题描述】：

我想在 jquery 中通过点击事件传递变量

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

请帮帮我

html

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

【问题讨论】：

要将数据传递到哪里？

标签： javascript php jquery html css

【解决方案1】：

你忘记了结束括号。

您的 javascript 代码应如下所示：

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

【讨论】：

【解决方案2】：

即使加载了文档，您也必须初始化 click。您的代码中也有语法错误。

试试这个：

$(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.com/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>

【讨论】：

【解决方案3】：

HTML 按钮

<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);

});

打开 Firefox > 检查元素 > 控制台选项卡。
加载代码
点击按钮
查看回复

【讨论】：

【解决方案4】：

文档准备好后启动一切。

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

在需要之前不要使用事件处理程序。

【讨论】：

【解决方案5】：

尝试：

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

html:

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

【讨论】：

【解决方案6】：

你可以这样做：

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

【讨论】：

【解决方案7】：

你可以这样试试吗，

<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);" />

【讨论】：

【解决方案8】：

试试这个。

html:

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

jquery:

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

【讨论】：