i have a html form to develope. but form is not getting submitted until i don't press Submit button. i want, when we select any radio button or checkbox and press Enter it should be submitted
my html is like:
<html>
<head>
<title>select preferences</title>
</head>
<body>
<input type="radio" name="sex" value="male" /> Male<br/>
<input type="radio" name="sex" value="female" /> Female<br/>
<button type="submit">Click Me!</button>
</body>
</html>
please help me resolve this. and give some links for related tutorial.
duedl0r
9,4343 gold badges34 silver badges46 bronze badges
-
you should define a default button for that :Royi Namir– Royi Namir2011年11月22日 07:38:39 +00:00Commented Nov 22, 2011 at 7:38
3 Answers 3
On change of your radio buttons, submit the form using:
$('#form-id').submit();
So, your HTML should be:
<form id='form-id' method='post' action=''>
<input type="radio" name="sex" value="male" /> Male<br/>
<input type="radio" name="sex" value="female" /> Female<br/>
<button type="submit">Click Me!</button>
</form>
and your script should be:
$(function(){
$('input[type=radio]').change(function(){
$('#form-id').submit();
});
});
answered Nov 22, 2011 at 7:38
Saeed Neamati
36k42 gold badges140 silver badges192 bronze badges
Comments
Add form tag
<form method="post" action="somepage"> //add you inputs here <form>
answered Nov 22, 2011 at 7:38
Sudhir Bastakoti
100k15 gold badges163 silver badges169 bronze badges
Comments
lang-html