Question

I am very new to the web development area. I have some doubts regarding my Web development. Any one help me please.

SCENARIO

I made a button using div tag, this is the CSS code for button I made:

#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);
}

And this is the HTML for the button:

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

I need to change the onclick action of this button using jQuery
that is onclick="document.forms.signupform.submit()" (need to change this action).

Can anyone help me?

Answer 1

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