更改HTML onclick事件操作(不同)

时间:2012-07-09 15:29:10

标签: jquery html css

我是网络开发领域的新手。我对我的Web开发有些怀疑。任何人都帮帮我。

SCENARIO

我使用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()"(需要更改此操作)。

任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:2)

HTML:

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

使用Javascript:

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

答案 1 :(得分:2)

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