提交表单中的单选按钮触发操作

Question

我已经自定义了我的表单，这是一个常规的订单表单，在“立即购买”按钮之前有 2 个付款选项。无论选择哪种付款方式，我都需要将数据发送到自动回复……当他们选择选项 1（现金）时，表单会将他们重定向到感谢页面……但是现在我有 2 个单选按钮，怎么办我把这些事件分开？如果他们选择选项 1，我如何让他们看到感谢页面 - 如果他们选择选项 2，我如何将他们重定向到 paypal？

<div class="gt-box">
  <div class="gt-labelpos">
    <label class="gt-label" id="500">How You Pay Mister?</label>
  </div>

  <div class="gt-inputpos">
    <div class="clrB">
      <input name="custom_payme" type="radio" class="gt-req gt-valid__required"
        checked="checked" value="cash"></input>
      <span class="gt-text">Ca$h</span>
    </div>
    <div class="clrB">
      <input name="custom_payme" type="radio" class="gt-req gt-valid__required"
        value="PayPal"></input>
      <span class="gt-text">PayPal</span>
    </div>
  </div>
  <em class="clearfix clearer"></em>
</div>

Answer 1

另一种可以帮助您防止重定向的方法是单击提交按钮以评估您的单选值并从那里重定向。你的 Javascript 代码看起来像这样

$('.submit-btn').click = function(e) {
  e.preventDefault();
  if ($('.custom_payme').val() === 'cash') {
    $.post("Your post url for cash", form_data);
  }
  else {
    $.post("Your post url for Paypal", form_data);
  };
};

Answer 2

在服务器端，当您收到表单数据时，您可以检查单选按钮的值并根据该重定向分别检查。