0

私はこのコードを使用しています：

<input type="range" min="1" max="100" name="points">

スライダーに現在の値を表示するにはどうすればよいですか?

4

2 に答える 2

1

具体的な数値を表示したい場合は、入力の上にスパンまたは何かを配置し、jquery を使用して onchanged イベントを処理できます。

HTML:

Price: <input id="price" type="text" value="10.50" readonly /><br/> 
Quantity: <input id="qty" type="text" value="1" readonly />
<input id="rangePoints" type="range" min="1" max="100" value="1"/><br/><br/> 

Total Price: <input type="text" id="total" readonly />

JS:

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

作業中の JsFiddle

于 2013-07-25T18:10:48.340 に答える