jquery - 更改 HTML onclick 事件操作（不同）

Question

我对网络开发领域很陌生。我对我的 Web 开发有一些疑问。请任何人帮助我。

设想

我使用 div 标签制作了一个按钮，这是我制作的按钮的 CSS 代码：

#signupbutton
 {
    height: 29px;
    width: 120px;
    background-image: url(../images/onState1.png);
    background-repeat: no-repeat;
    margin-left: 265px;
    margin-top: 5px;
}
#signupbutton:hover {
    background-image: url(../images/onState0.png);
}
#signupbutton:active {
    background-image: url(../images/onState10.png);
}

这是按钮的 HTML：

<div id="signupbutton" onclick="document.forms.signupform.submit()"></div>

我需要使用 jQuery 更改此按钮的 onclick 操作onclick="document.forms.signupform.submit()"（需要更改此操作）。

谁能帮我？

Answer 1

HTML：

<div id="signupbutton"></div>

Javascript：

$('#signupbutton').click(function() { 
alert('Button Clicked'); //or any action you want here
});

Answer 2

$('#signupbutton').removeAttr('onclick') // this removes the `onclick` attribute
$('#signupbutton').click(function(){
   $('#signupform').submit();
   // alert('clicked')
})