當前,我有這個功能。每個滑塊步增加值
$(function() {
$("#rangePoints").change(function() {
var qty = $("#rangePoints").val();
var price = $("#price").val();
$("#qty").val(qty);
$("#total").val(qty*price/1024);
});
});
這爲HTML
<table>
<tr>
<td>Customize RAM</td>
</tr>
<tr>
<td><input id="rangePoints" type="range" min="1024" max="32768" value="1" step="1024"/><br/><br/></td></td>
</tr>
<tr>
<td>Price: </td>
<td><input id="price" style="width: 50px;" type="text" value="10" readonly /><br/> </td>
</tr>
<tr>
<td>Quantity: </td>
<td><input id="qty" style="width: 50px;" type="text" value="1" readonly /></td>
</tr>
<tr>
<td>Total Price: </td>
<td><input type="text" id="total" readonly /></td>
</tr>
</table>
目前,它做什麼is..it乘以數量*價格,並顯示總價字段的值。 我想要的是,每當我們在距離點滑塊中移動一步時,總價格字段應該增加10。
因此,因此,總價格爲1024會是10,而當我們移動到下一個滑塊值(2048)..總價應該是20
需要什麼樣的變化在JavaScript使它像這樣工作?
謝謝。
乘以10,而不是價格總格計算的價值是什麼時候? –
看起來很好http://jsfiddle.net/arunpjohny/AwPzg/1/ –
爲什麼不只是每次添加10個價格值並將其添加到總價格字段中。爲什麼要做這樣複雜的事情呢? – dreamweiver