-3

わかりました、これは私が使用しているコードです:-

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

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

</head>
<body>
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 />


Price: <input id="price" type="text" value="15.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 />
</body>
</html>

(この JavaScript を手伝ってくれた charles360 に感謝します)。

上記のコードでは、最初のスライダー (価格は 10.50) のみが機能しますが、2 番目のスライダーは機能しません。

これらのスライダーを複数持つ必要があり、各スライダーは数量 * 価格関数を実行する必要があります。どうすればこれを実現できますか?

ありがとう。

4

1 に答える 1

1

同じ を持つさまざまな要素がありidます。ids はページ上で一意である必要があります。idそれらは一度だけ使用されるはずなので、最初のものだけを検索します。

ページで何度も再利用できるものが必要な場合は、代わりにclasses andを使用します$(".className")$("#idName")

于 2013-07-26T11:30:37.940 に答える