每個滑塊步增加值

-1

$(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使它像這樣工作？

謝謝。

來源

2013-07-26 user2619381

乘以10，而不是價格總格計算的價值是什麼時候？ –

看起來很好http://jsfiddle.net/arunpjohny/AwPzg/1/ –

爲什麼不只是每次添加10個價格值並將其添加到總價格字段中。爲什麼要做這樣複雜的事情呢？ – dreamweiver

嘿，我已優化了代碼位，其現在工作的罰款

JS代碼：

$(function() { 
$("#rangePoints").change(function() { 
    var qty = $("#rangePoints").val(); 
    var price = $("#price").val(); 
    var res = qty/1024; 
    $("#qty").val(res); 
    $("#total").val(res * price); 

}); 
});

LIVE DEMO上的jsfiddle

注：由於現在滑塊場不是在視覺上滑塊，所以我想你需要手動更改滑塊的值，但代碼很好，當你運行實際的滑塊組件時，它將順利工作。

編碼快樂:)

來源

2013-07-26 13:06:32 dreamweiver

滑塊值/ 1024 * 10爲您提供了10,20,30直至320（最大滑塊值32768）

來源

2013-07-26 12:49:27

每個滑塊步增加值

回答

相關問題