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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章