javascript - 无法从 JavaScript 中的输入框添加 float

Question

我在 4 个不同的输入框中有 4 个类，它们是:

class1类2类3class4

我的 JavaScript 代码如下所示:

$("body").on("focusout", ".class1", function () {
 var basic = parseFloat($(".class2").val());
 var hra = parseFloat($(".class3").val());
 var tot = basic + hra;
 $(".class4").val(tot);
});

但最后我得到了空字符串tot。我需要计算 class2 和 class3 的总和并分配给 class4。

Answer 1

你可以这样做!

Code included inside $(function(){ ... }); will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute

$(function(){


  $("body").on("focusout", ".class1", function () {
     var basic = parseFloat($(".class2").val());
     var hra = parseFloat($(".class3").val());
    console.log(basic, hra);
     var tot = basic + hra;
      $(".class4").val(tot);
     
  });



})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="class1" value="0"><br>
<input class="class2" value="0"><br>
<input class="class3" value="0"><br>
<input class="class4" value="0">

希望这有帮助!