Question

我想在jquery中使用click事件传递变量

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

请帮帮我

html

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

Answer 1

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

试试这个：

$(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>

Answer 2

你忘记了关闭的副词。

您的javascript代码应如下所示：

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

Answer 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＆gt;检查元素＆gt;控制台选项卡。
加载代码
点击按钮
见回复

Answer 4

文档准备好后启动所有内容。

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

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

Answer 5

尝试：

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

HTML：

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

Answer 6

你可以这样做：

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

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

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

如何在jquery click事件函数中传递变量

8 个答案: