单选按钮以提交形式触发操作

时间:2013-07-25 08:44:41

标签: html forms radio-button auto-responder

我已经自定义了我的表单,这是一个常规订单,在立即购买按钮之前有2个付款选项。无论选择何种付款方式,我都需要将数据转到自动回复...当他们选择选项1(现金)时,表单会将它们重定向到谢谢页面...但是现在我有2个单选按钮,怎么做我将这些事件分开?如果他们选择选项1,如何让他们看到thankyou页面 - 如果他们选择选项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>

2 个答案:

答案 0 :(得分:2)

另一种可以帮助您防止重定向的方法是在提交按钮单击以评估您的无线电值并从那里重定向。你的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);
  };
};

答案 1 :(得分:0)

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