Question

我有一个显示两个单选按钮的表单（使用PHP）。

echo "<form action=\"next.php\" method=\"post\">";
   echo "<input type=\"radio\" name=\"paid\" value=\"0\" checked=\"checked\">No<br>";
   echo "<input type=\"radio\" name=\"paid\" value=\"1\">Yes<br>";
echo "</form>";

默认情况下，始终会检查其中一个单选按钮。如果用户检查另一个单选按钮，我希望表单自己提交（用户不必单击提交按钮）。

Answer 1

你可以将它附加到你的输入中：

onchange='this.form.submit();'

像：

echo "<form action=\"next.php\" method=\"post\">";
   echo "<input onchange='this.form.submit();' type=\"radio\" name=\"paid\" value=\"0\" checked=\"checked\">No<br>";
   echo "<input onchange='this.form.submit();' type=\"radio\" name=\"paid\" value=\"1\">Yes<br>";
echo "</form>";

<强> DEMO

Answer 2

您可以使用jQuery（将代码放在</body>标记内）：

<script type='text/javascript'>

 $(document).ready(function() { 
   $('input[name=paid]').change(function(){
        $('form').submit();
   });
  });

</script>

<强> DEMO HERE

要将jQuery添加到您的页面，请将此行放在<head>标记内：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>

Answer 3

使用onchange监听器：

$("#paid").change(function(){
alert("test");
});

您只需要为您的单选按钮指定一个ID即可。 ID可以与名称相同，以便您保持简单。

HTML：通过单选按钮检查提交表单

3 个答案: