javascript - PHP 在单选按钮上将单选值发布到下一页

Question

我的代码需要一些帮助，因为我在发布值时遇到问题。当我点击 radio 时，它将我重定向到 secondarypage.php 时不会发布数据。我想在单击单选按钮以进入下一页时发布该值。

firstpage.php

<table>
    <form name="frmProfile" method="post" action="secondpage.php">
        <tr>
            <td>gender</td>
            <td><input type="radio" name="gender" onclick="document.location.href='http://example.com/secondpage.php'" data-gender="female" value="female">Female
                <input type="radio" name="gender" onclick="document.location.href='http://example.com/secondpage.php'" data-gender="male" value="male">Male</td>
        </tr>
        <tr><td colspan="2"><input type="submit" name="submit" value="Submit" /></td></tr>
    </form>     
</table>

第二页.php

print_r($_POST);

?>

它将显示 $_POST 中的空数据，因为当我使用 print_r($_POST 时，我将得到它显示 Array ( ) 的结果) 在 secondarypage.php 中。

我想要实现的是，当我单击单选按钮时，我想发布数据以将我重定向到 secondpage.php 并显示 Male 的数据> 或 Female 取决于我单击的单选按钮。

您能否向我展示一个示例，说明如何发布我选择的单选按钮的值，以将我重定向到 secondarypage.php 以显示 $_POST 的数据？

谢谢。

Answer 1

您可以将单击事件监听器绑定(bind)到表单。当发生点击时，检查它是否源自其中一个单选元素。如果是，请提交表单。

document.getElementById('genderForm').addEventListener('click', function(e){
                                  // 'this' is the genderForm
  if (e.target.name === 'gender') this.submit();
});

<form id="genderForm" name="frmProfile" method="post" action="secondpage.php">
  <table>
    <tr>
      <td>gender</td>
      <td>
        <input type="radio" name="gender" value="female">Female
        <input type="radio" name="gender" value="male">Male
      </td>
    </tr>
  </table>
</form>