Javascript 提交单选按钮值而不刷新页面

我现在有一个单选按钮来选择用户在网站上想要的付款方式，他们可以选择（发票、卡、部分付款（？）

我使用脚本来提交单选按钮，因此不需要按钮，但是每次他们选择不同的付款选项时，页面都会重新加载，这对客户来说是不好的，因为他们必须再次向下滚动以输入单选按钮时出现的表单值（电话号码等）

因此，经过几次投诉后，我一直试图解决这个问题，使表单在页面未刷新的情况下显示

是否可以对脚本进行一些更改以实现这一点

提前谢谢

以下是我使用的脚本：

function autoSubmit(){
    var formObject = document.forms['choice_form'];
    formObject.submit();
}

下面是PHP://我使用post值显示输入电话号码和电子邮件的表单

<?php 
 $value = '';
  if(isset($_POST['choice'])) {
   $value = $_POST['choice'];
  }
?>

这是“无线电”表格：

onChange=“autoSubmit（）；”value=“faktura”>faktura
onChange=“autoSubmit（）；”value=“kort direkt”>kort/direktbetaling
onChange=“autoSubmit（）；”value=“delbet”>Delbetalning

如果每次选择付款选项时，需要在单选按钮下方显示不同的表单，则可以在单个

中以隐藏状态呈现所有表单，然后每次选择选项时显示相应的

---

如果您需要做比这更复杂的事情，您可能需要使用AJAX。

Add

returnfalse

到您的

autoSubmit（）

函数。根据调用/绑定

autoSubmit（）

的方式，您可以尝试从中返回

false

。或者您可以使用

AJAX

。AJAX是您的答案，但为什么您要在提交所有内容之前提交此单选按钮？@TiMESPLiNTER我已经尝试过，页面仍在刷新。True，但是表单是否仍然需要提交才能从单选按钮获取值？如果您仅使用单选按钮显示/隐藏不同的表单部分，则不需要将值提交回服务器以确定要显示的表单部分。在表单的末尾有一个提交按钮，对吗？这就是最终提交表单以及特定付款方式数据的时间。在“是”末尾有一个提交按钮，用于将数据插入数据库。我会和迪夫一起试一试，看看我能不能成功。

<form name="choice_form" id="choice_form" method="post">
   <table>
     <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'faktura') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="faktura"> Faktura
      </td>
    </tr>
    <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'kort-direkt') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="kort-direkt"> Kort / Direktbetalning
      </td>
    <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'delbet') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="delbet"> Delbetalning
      </td>
    </tr>
  </table>
</form>