无法在javascript中从输入框添加浮点数

Question

我在4个不同的输入框上有4个课程：

class1 class2 class3 class4

我的javascript代码如下：

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

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

Answer 1

你可以这样做！

  

$(function(){ ... });中包含的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行

＆＃13;

＆＃13;

$(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);
     
  });



})

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！