根据按钮收音机的选择提交表格

时间:2012-07-07 10:21:25

标签: php javascript-events radio-button

我正在为学校教育构建电子商务网络应用程序。 客户可以选择三种付款方式。让我们说Paypal,Monebookers(Skrill)和Alerpay。这意味着:每个产品必须有三个“立即购买”按钮。这里是这些按钮的例子:

PAYPAL

<form action="https://www.paypal.com">
<input type="hidden" name="business" value="payment@mail.com">
<input name="submit" >
</form>

的AlertPay

<form action="https://www.alertpay.com">
<input type="hidden" name="business" value="payment@mail.com">
<input name="submit" >
</form>

的Moneybookers

 <form action="https://www.moneybookers.com">
 <input type="hidden" name="business" value="payment@mail.com">
 <input name="submit" >
 </form>

我的目的是在每个产品前面放一个“立即购买”按钮。

点击该按钮后,客户将被重定向到一个页面,他必须通过单选按钮选择一种付款方式。

在他的选择之后,他将通过点击按钮提交他的选择,根据他的选择,他将登陆paypal或alertpay或moneybookers网站。

我是php的新手,我知道这是可能的,但我不知道该怎么做。 任何帮助将不胜感激

2 个答案:

答案 0 :(得分:1)

为每个表单分配一个ID。例如

<form id="paypal" action="https://www.paypal.com">
<input type="hidden" name="business" value="payment@mail.com">
<input name="submit" >
</form>

然后将无线电值设置为表单ID。例如

<input type="radio" name="payMethod" value="paypal" class="paymentMethod" /> PayPal<br />
<input type="radio" name="payMethod" value="aleartPay" class="paymentMethod" /> Alert Pay<br />
<input type="radio" name="payMethod" value="moneyBookers" class="paymentMethod" /> Money Brookers<br />

然后按下按钮

var selectedMethodId = $(".paymentMethod:checked").val();
$('#'+selectedMethodId).submit();

答案 1 :(得分:0)

如果您想要一个页面,其中所选单选按钮会更改action的{​​{1}},那么您将需要:

  • 选择单选按钮时将页面提交给服务器。返回的表单具有所需的<form>值。

  • 选择单选按钮时,使用一些JavaScript设置action属性。这样可以避免等待新页面加载。

但后一种方法确实需要一些代码来处理单选按钮选择事件,您需要考虑是否要支持已禁用JavaScript的用户。

相关问题