我正在尝试为我的网站制作简单的产品结帐系统。我正在使用 Paypal 默认结账系统。它工作正常，但我也需要优惠券代码工具。我从来没有在 paypal 中看到任何关于优惠券代码的选项。这就是为什么我尝试通过 jquery 创建它。
我成功做到了，但它只适用于一种产品。当我在页面中添加更多产品时，这是行不通的。我可以理解关于类和 id 的问题，但我仍然不知道该怎么做。还尝试打折，因为 % 目前我的代码只适用硬编码价格。
你们能不能检查一下我的代码，看看我的错误在哪里，或者是如何造成的。或者有什么其他办法可以做
HTML
<h2> Product 1 - $4.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0001" />
<input type="hidden" name="amount" class="amount" value="4.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 2 - $6.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0002" />
<input type="hidden" name="amount" class="amount" value="6.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 3 - $8.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0003" />
<input type="hidden" name="amount" class="amount" value="8.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 4 - $1.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0004" />
<input type="hidden" name="amount" class="amount" value="1.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 5 - $6.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0005" />
<input type="hidden" name="amount" class="amount" value="6.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 6 - $6.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0006" />
<input type="hidden" name="amount" class="amount" value="6.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
<h2> Product 7 - $6.99</h2>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="frm_paypal">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="info@soming.com" />
<input type="hidden" name="lc" value="US" />
<input type="hidden" name="item_name" value="Chile Powder" />
<input type="hidden" name="item_number" value="0007" />
<input type="hidden" name="amount" class="amount" value="6.99" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="button_subtype" value="products" />
<input type="hidden" name="no_note" value="0" />
<input type="hidden" name="tax_rate" value="0.082" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://oldstoberfest.com/wp-content/uploads/2015/04/buynow.png" class="btnPaypal" />
<div class="div_coupon_code">
<div class="div_msg"></div>If you have any coupon code please enter Otherwise leave it blank and Press checkout.
<br>
<input type="text" name="coupon_code" class="coupon_code" value="" placeholder="Coupon Code" />
<br>
<input type="button" class="btnCheckOut" name="btnCheckOut" value="Checkout" /> <span class="span_pay">
<input type="button" class="btnPay" name="btnPay" value="Pay" />
</span>
</div>
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />
</form>
JS
jQuery(document).ready(function($){
$('body').on('click','#btnPaypal', function(e) {
e.preventDefault();
$("#div_coupon_code").show("slow");
return false;
});
$('body').on('click','#btnCheckOut', function(e) {
var coupon=$("#coupon_code").val();
var go_paypal=1;
if(coupon=="happy" || coupon=="HAPPY")
{
$("#amount").val(5.24);
$("#div_msg").html("Valid coupon code entered! Click pay to continue").show("slow");
go_paypal=0;
}
else if(coupon!="")
{
$("#div_msg").html("Invalid coupon code. Please double check").show("slow");
go_paypal=1;
}
else
$("#frm_paypal").submit();
if(go_paypal==0)
{
$("#btnCheckOut").hide("slow");
$("#span_pay").show("fast");
}
});
$('body').on('click','#btnPay', function(e) {
$("#frm_paypal").submit();
});
$("#div_coupon_code").hide();
$("#span_pay").hide();
});
单品演示
http://jsfiddle.net/cyber007/gpLeqgzc/
多产品演示
http://jsfiddle.net/cyber007/3pLv8dy6/
我会在这里持续更新
最佳答案
如果你想动态计算多个产品的折扣，那么将所有产品的价格相加，然后在得到总和后应用优惠券折扣
所以，你的代码应该是这样的......
function calcPrice(){
var v = parseInt(document.getElementById("val").value);
var q = parseInt(document.getElementById("quantity").value);
if ((isNaN(q)) || (q == null) || (q <0)) {
alert ("You must enter a positive number");
document.getElementById("quantity").value = "";
return false;
}
var p = calcTotal(v,q);
alert("Total Price = " + p);
}
function calcTotal(v,q) {
var discount = 0;
if (q>=1) {discount = .25}
var price = q * v;
var savings = price * discount;
var total = price - savings;
return total;
}
这是您只需要为您的 HTML 修改 id 和 class 的引用
关于php - Paypal 优惠券代码结帐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33602688/