每个滑块步增加值

-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

每个滑块步增加值

回答

相关问题