客户必须能够选择任意数量的他喜欢的作品,但每件的价格必须能够根据客户选择的件数而有所不同
例:
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...
});