Edit Question - KnowledgeHub

Title Body

I am basing my question and example on Jason's answer in this question I am trying to avoid using an eventListener , and just to call handleClick onsubmit , when the submit button is clicked. Absolutely nothing happens with the code I have. Why is handleClick not being called? <html> <head> <script type="text/javascript"> function getRadioButtonValue(rbutton) { for (var i = 0; i < rbutton.length; ++i) { if (rbutton[i].checked) return rbutton[i].value; } return null; } function handleClick(event) { alert("Favorite weird creature: "+getRadioButtonValue(this["whichThing"])); event.preventDefault(); // disable normal form submit behavior return false; // prevent further bubbling of event } </script> </head> <body> <form name="myform" onSubmit="JavaScript:handleClick()"> <input name="Submit" type="submit" value="Update" onClick="JavaScript:handleClick()"/> Which of the following do you like best? <p><input type="radio" name="whichThing" value="slithy toves" />Slithy toves</p> <p><input type="radio" name="whichThing" value="borogoves" />Borogoves</p> <p><input type="radio" name="whichThing" value="mome raths" />Mome raths</p> </form> </body> </html> edit: Please do not suggest a framework as a solution. Here are the relevant changes I have made to the code, which results in the same behavior. function handleClick() { alert("Favorite weird creature: "+getRadioButtonValue(document.myform['whichThing'])));

Tags (comma-separated) Cancel