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

发布时间：2020-12-14 18:40:57 所属栏目：资源来源：网络整理

导读：我有一个显示两个单选按钮的表单(使用 PHP). echo "form action="next.php" method="post""; echo "input type="radio" name="paid" value="0" checked="checked"Nobr"; echo "input type="radio" name="paid" value="1"Yesbr";echo "/for

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!