現在、私はこの機能を持っています。
$(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>
現在、それは..数量×価格を掛けて、合計価格フィールドに値を表示します。私が望むのは、範囲ポイント スライダーで 1 ステップ移動するたびに、合計価格フィールドが 10 ずつ増加することです。
したがって、1024 の合計価格は 10 になり、次のスライダー値 (2048) に移動すると、合計価格は 20 になります。
このように機能させるには、javascript にどのような変更が必要ですか?
ありがとう。