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

Question

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

HTML：

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

JavaScript：

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

Answer 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>

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

如何将参数传递给Jquery中的点击事件

Answer 3

我做到了这是一个小错误

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

function getvalue(val){

     alert(val);
}

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