如何使用Javascript更改动态HTML按钮onClick事件

Question

我有代码:

HTML:

<div class="modal-footer" >
     <button type="button" class="btn btn-sm btn-default" id="mybutton" style="background-color: #367E2D; color:white; opacity: 1" onclick="chooseme();">OK</button>
</div>

Javascript:

('#mybutton').click(chooseme('123'));

目的:

我想将onClick事件从使用Javascript 更改chooseme()为chooseme('123')

以上代码的结果是:

selectme('123')立即执行(不是点击按钮时)

问题是:任何人都可以解释我的代码有什么问题？什么是达到上述目的的正确实施？

Answer 1

我假设您使用的是jQuery语法.将事件绑定到JS中的命名函数时,需要将函数本身传递给回调函数.根据您目前的语法,你传递的返回值从chooseme()该click处理程序.因此,在页面加载时立即调用该函数.

将hander包裹在一个匿名函数中,你很高兴:

$('#mybutton').on('click', function() { chooseme('123') });