javascript - jQuery 更改文本框值不起作用

Question

我尝试通过将 qtyTxt 值(用户输入)乘以 price 来在 sum 标签中显示总价。但它不起作用，永远不会到达 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);
});