PayPal按钮,允许客户为金额范围选择具有不同价格的产品数量
Paypal button that allows the customer to select the amount of products with different prices for amount ranges
客户必须能够选择任意数量的他喜欢的作品,但每件的价格必须能够根据客户选择的件数而有所不同
例:
1至5件:每件
10欧元6至10件:每件
8欧元11至15件:每件
6欧元从 16 到 20 件...等。。
如果客户选择4件,则每件的价格必须为10欧元。
但是,如果客户选择13件,则每件的价格必须为6欧元。
我不应该使用购物车或CMS PayPal,如果可能的话,只是一个带有下拉列表的简单按钮。
这就是 JavaScript 的目的。
- 向
- 最终用户清晰显示表格
- 使用选择件数
- 使用文本输入显示成本
- 使用其他输入显示小计
- 当件选择更改时重新计算
当用户单击以继续时,请提交总输入字段。
看起来像这样:
PIECES x COST = SUBTOTAL
[ 7 |V] $[ 8 ] $[ 56 ]
PIECES x COST = SUBTOTAL
[ 4 |V] $[ 10 ] $[ 40 ]
PIECES x COST = SUBTOTAL
[ 11 |V] $[ 6 ] $[ 66 ]
使用 JavaScript,根据所选件更改成本字段。使用 jQuery 的示例
<select id="pieces">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
etc..
</select>
<input id="cost"></input>
<input id="subtotal"></input>
<script>
$('#pieces').on('change', function() {
var pieces = $('#pieces').val(),
price;
if (pieces < 6) {
price = 10;
$('#cost').val(price);
$('#subtotal').val(pieces * price)}
}
if ((pieces > 5) && (pieces < 11)) {
price = 8;
$('#cost').val(price);
$('#subtotal').val(pieces * price)}
}
etc...
});
相关文章:
- html选择-范围为0-10
- Jquery日期选择器-防止选择范围内的不可用日期
- 在绝对位置设置从 A 到 B 的选择范围
- 如何在选择范围时显示输入范围值
- 选择范围标记中的文本
- 如何让用户在文本中选择范围
- 键入电子邮件不'不支持选择范围
- 为什么选择范围和弹出窗口不能在javascript中一起工作
- 检查指定的元素是否在选择范围内
- 如何更改用户'在UIWebView中的选择范围
- jquery删除粘贴html后的文本选择范围
- 更改jquery的选择范围
- 在javascript IE8中设置选择范围
- 在javascript中获取选择范围的样式
- JavaScript将鼠标位置转换为选择范围
- 是否有一种方法来获得宽度的选择/范围
- 设置复选框选择范围的限制
- jQuery Datepicker beforeShowDay-已选择范围
- 在数字输入中有特定的选择范围
- jquery .js -在jquery .js 0.20.1中无法获得readOnly:true编辑器的选择范围