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

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

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

解决方法

您可以使用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>

原文地址：https://www.jb51.cc/html/225557.html