2012-07-09 72 views
0

我对网络开发领域非常陌生。我对我的Web开发有些怀疑。任何人都请帮助我。更改HTML onclick事件动作(不同)

情景

我使用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> 

我需要改变这个按钮的onclick动作,使用jQuery 即onclick="document.forms.signupform.submit()"(需要更改e这个动作)。

任何人都可以帮助我吗?

+2

什么是你想将其更改为? – 2012-07-09 15:30:22

+0

嗨,山姆,你想要做什么? – SpaceBeers 2012-07-09 15:31:14

+0

@JonTaylor我试图改变这个动作到任何其他动作..就像一些错误信息或任何提醒 – sam 2012-07-09 15:31:49

回答

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

HTML:

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

的Javascript:

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

他实际上不希望它提交了,但作为参考,你可以只取代'$('#myform') .submit();'用你想要的任何其他代码。 – 2012-07-09 15:33:41

+0

你基本上只是重构了他的代码......我很肯定他在问如何以编程方式更改事件。 – 2012-07-09 15:36:44

+0

我相信他不知道如何将jquery事件附加到按钮上。有点不清楚,我会等着看他的回应。 – 2012-07-09 15:42:15