如何在按钮单击时调用 jQuery 函数？答案

【问题标题】：How to call a jQuery function on button click?如何在按钮单击时调用 jQuery 函数？
【发布时间】：2016-08-05 04:56:37
【问题描述】：

我想在按钮单击时调用一个函数，并将动态参数传递给该函数。

HTML：

<button onclick=getvalue(val['id']):void(0);>Click</button>

JavaScript：

function getvalue(id) {
    alert(id);
}

【问题讨论】：

console 中的任何错误？
这不是有效的 html/javascript 并且绝对不涉及 jquery - 至少你没有得到 jquery 绝对错误
它什么都没有显示......这可能会让人感到困惑......？
我过去做过类似的事情......但忘记了......请指导，因为我必须将动态变量传递给函数......
val['id'] 是 javascript 变量吗？

标签： javascript html

【解决方案1】：

您需要将属性放在引号中，因为值中有引号。此外，在函数调用之后，:void(0); 出现语法错误。

<button id="button1" onclick="getvalue(this.id);">Click</button>

或者你可以给元素一个 ID 并在 jQuery 中绑定点击处理程序。

<button class="mybuttons" id="button1">Click</button>

<script>
$("#mybutton").click(function() {
    getvalue(this.id);
});
</script>

【讨论】：

我的猜测是 OP 不想在按钮 click.. 上提交表单。将需要 type = "button"...+1
问题中没有表格。
我需要在函数中提供动态变量...因为 Button 在 for 循环中运行并且每个按钮都有不同的 id ....
也许您的意思是使用this.id 来获取他们点击的按钮的ID？
@Barmar 但该按钮实际上没有任何 id

【解决方案2】：

参考这个.....

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

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

How to pass parameter to click event in Jquery

【讨论】：

【解决方案3】：

我做到了，这是一个小错误

<a href="#" class="pull-right button uppercase" onclick="getvalue('+val['id']+');">Click</a>

function getvalue(val){

     alert(val);
}

如果您不想加载页面，只需在 href 中替换 # > javascript:void(0) 即可。

【讨论】：