jQuery更改文本框值不起作用

Question

我試圖在sum標籤上顯示總價格，將qtyTxt值（用戶輸入的值）與price相乘。但它不起作用，if聲明永遠不會到達。

<input type="text" name="qtyTxt" value="1" size="2" style="width: 25px"/> 
<label id="price">${adClicked.price}</label> 
<label id="sum">${adClicked.price}</label> 
<input type="hidden" name="id" value="${adClicked.id}"/> 

<script> 
$(".qtyTxt").bind('change', function() { 
    var sum=$(("#price").val())* ($(this).val()); 
    $("#sum").val('Rs.'+sum); 
}); 
</script> 

在控制檯中沒有錯誤，並且$("#sum").val('Rs.'+sum);工作正常。

Answer 1

1）使用parseInt()或parseFloat()parseInt()函數解析一個字符串並返回一個整數。

2）另一個錯誤不要使用val()的標籤，而不是使用text()的標籤

var sum= parseInt($("#price").text() , 10) * parseInt($(this).val() ,10); 

代碼是

$(".qtyTxt").bind('change', function() { 
    var sum= parseInt($("#price").text() , 10) * parseInt($(this).val() ,10); 
    $("#sum").text('Rs.'+sum); 
}); 

Answer 2

兩個問題：

1）您在有錯誤您的代碼$(("#price").val())應該是$("#price").text()或$("#price").html()

2）你需要做的數學計算之前解析值：

var sum=parseInt($("#price").text(),10)*parseInt($(this).val(),10) ;