HTML：在单选按钮检查上提交表单答案

【问题标题】：HTML: Submit form on radio button checkHTML：在单选按钮检查上提交表单
【发布时间】：2017-09-29 21:07:04
【问题描述】：

我有一个显示两个单选按钮的表单（使用 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>";

默认情况下始终选中其中一个单选按钮。如果用户选中另一个单选按钮，我希望表单自行提交（无需用户单击提交按钮）。

【问题讨论】：

你需要 JavaScript。

标签： html

【解决方案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

【讨论】：

你的答案要简单得多。谢谢。

【解决方案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>

【讨论】：

我为我的无知道歉，但我没有使用 javascript 的经验，并且可能在我的网站上不需要它，除了这一点。那是我需要放在页面头部的javascript函数吗？虽然我理解代码，只是不知道它的去向。
是的，我会添加解释

【解决方案3】：

使用 onchange 监听器：

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

您只需为您的单选按钮提供一个 ID 即可与名称一起使用。 ID 可以与名称相同，以保持简单。

【讨论】：