简体   繁体   中英

not able to submit html form

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.

You're missing the <form> tag.

Have a look here .

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

Add form tag

<form method="post" action="somepage">
//add you inputs here
<form>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM