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


Submitting radio button values without page refresh


我目前有单选按钮来选择用户想要在网站上支付的款项,他们可以选择(发票、卡、部分付款(?

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

因此,在几次投诉之后,我一直在尝试解决此问题,以使表单在不刷新页面的情况下显示。

是否可以在脚本中进行一些更改以实现此目的?

提前谢谢。

这是我使用的脚本:

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

这是PHP://我使用帖子值来显示您输入电话号码和电子邮件的表单

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

这是"收音机"形式:

<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>

如果每次选择付款选项时,单选按钮下方都需要显示不同的表单,则可以在单个<div>中呈现处于隐藏状态的所有表单,然后在每次选择选项时显示相应的<div>

如果你需要做一些比这更复杂的事情,你可能需要使用 AJAX。