Question

我有一个开发的html表单。但是在我没有按提交按钮之前，表单才会提交。我想，当我们选择任何单选按钮或复选框并按输入时，应该提交

我的HTML就像：

<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>

请帮我解决这个问题。并提供一些相关教程的链接。

Answer 1

您错过了<form>代码。

看看here。

Answer 2

在单选按钮的change上，使用以下内容提交表单：

$('#form-id').submit();

所以，你的HTML应该是：

<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>

你的脚本应该是：

$(function(){
   $('input[type=radio]').change(function(){
      $('#form-id').submit();
   });
});

Answer 3

添加表单标记

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

无法提交HTML表单

3 个答案: