Question

我有两个<h4>标签，一个包含价格，另一个包含百分比值。我需要找到百分比并将其设置为新的<h4>标签。我尝试计算，但是返回了NaN。我尝试了alert(parseFloat(price)+parseFloat(percent))，它返回的是串联结果，而不是总和（仅用于测试）。

我尝试了以下操作，根据复选框的点击来分配值。

$("#checkbox1").click(function () {
     if ($(this).prop("checked")) {
         var price = $("#tex2").text();
         var percent = $("#percent").text();
         price = parseFloat(price);
         percent= parseFloat(percent);
         var dis_price; 
         dis_price = parseFloat(dis_price); 
         dis_price = price-(percent/100)*price;
         $('#tex1').text(dis_price);

  }
  else {
      $("#tex1").text("test");
  }
});

我想获取计算值而不是NaN。请找到我解决此问题的方法。

Answer 1

没有jquery，它将更加简单（+将隐式转换字符串转换为数字）

var price = +tex2.innerText;
var per = +percent.innerText;
tex1.innerText = price-(per/100)*price;

function make(check) {
  if(check.checked) {
    var price = +tex2.innerText;
    var per = +percent.innerText;
    tex1.innerText = price-(per/100)*price;
  } else {
    tex1.innerText = 'test';
  }
}

<input type="checkbox" onchange="make(this)">Click</button>
<div>
  <h id="tex2">10</h>
  <h id="percent">20</h>

  <h id="tex1"></h>
</div>

Answer 2

对undefined值进行数学运算将返回NaN。确保您引用的值不是undefined。

有什么方法可以使用jquery来添加两个<h>标签的值？

2 个答案: