我正在尝试为我的网站制作简单的产品结账系统。我使用贝宝默认结账系统。它工作得很好，但我也需要优惠券代码设施。我从来没有看到任何选项在贝宝优惠券代码的事情。这就是我尝试通过jquery创建它的原因。
我成功地做到了，但这只是一个产品的工作。当我在页面中添加更多产品时，这是不起作用的。我能理解关于类和身份证的问题，但我仍然不知道该怎么做。也尝试折扣作为%明智的当前我的代码只工作硬编码的价格。
你们能检查一下我的代码吗？看看我的错误在哪里，或者怎么做。或者如果有其他方法可以做
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和类的引用