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

时间:2016-08-05 04:56:37

标签: javascript jquery html

我想在按钮点击时调用jQuery函数,并将动态参数传递给该函数。

HTML:

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

JavaScript的:

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

3 个答案:

答案 0 :(得分:7)

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

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

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

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

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

答案 1 :(得分:1)

参考这个......

<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

答案 2 :(得分:0)

我这样做是一个小小的错误

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

function getvalue(val){

     alert(val);
}

如果您不想加载页面,还需要更换#&gt; javascript:void(0)in href。