Javascript 显示数字2小数

我有3个滑块的代码，将滑块的所有3个值相加并显示在页面上，我希望它在逗号后显示2位小数。我试着使用

.toFixed（2）

，但我不知道确切的位置。这是我的密码：

<div class="wrapper2">
  <input class="slider" id="ram" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="10" data-slider-step="1" />
      <hr />

  <input class="slider" id="diskSpace" data-slider-id='ex1Slider2' type="text" data-slider-min="0" data-slider-max="100" data-slider-step="10" />
       <hr />
      <input  class="slider" id="cpu" data-slider-id='ex1Slider3' type="text" data-slider-min="0" data-slider-max="4" data-slider-step="1" />

       <hr />

 <div  id = "info"></div>

---

jsIDLE:

将总结代码更改为以下代码

$('.slider').on('slide', function(slider){

  var ram = $("#ram").val()*3.50;
  var diskSpace = $("#diskSpace").val()*1.20;
  var cpu = $("#cpu").val() * 6.30;
  var totalSum=(parseFloat(ram)+ parseFloat(diskSpace)+ parseFloat(cpu)).toFixed(2);
  $("#info").html(totalSum);

});

---

希望它能帮助您将总结代码更改为以下内容

$('.slider').on('slide', function(slider){

  var ram = $("#ram").val()*3.50;
  var diskSpace = $("#diskSpace").val()*1.20;
  var cpu = $("#cpu").val() * 6.30;
  var totalSum=(parseFloat(ram)+ parseFloat(diskSpace)+ parseFloat(cpu)).toFixed(2);
  $("#info").html(totalSum);

});

---

希望它能帮上忙

您正在解析为int。当您解析为int时，小数点会丢失

$("#info").html(parseInt(ram)+ parseInt(diskSpace)+ parseInt(cpu));

您可以将它们相加并使用x.toFixed（2）。这将给你两个小数位，只要根据需要更改数字即可

$("#info").html((ram + diskSpace + cpu).toFixed(2));

---

您正在解析为int。当您解析为int时，将丢失小数位

$("#info").html(parseInt(ram)+ parseInt(diskSpace)+ parseInt(cpu));

您可以将它们相加并使用x.toFixed（2）。这将给你两个小数位，只要根据需要更改数字即可

$("#info").html((ram + diskSpace + cpu).toFixed(2));

---

您正在执行parseInt，以便可以显示为浮点数，将其更改为parsefloat，并在您的小提琴中使用tofixed（2）。您可以在

$（“#inputValue”）中使用它

但是页面上没有

#inputValue

，所以代码不触发也就不足为奇了。也许你的示例缺少了什么？你正在做parseInt，这样你就可以显示为float，将它改为parsefloat并使用tofixed（2）在你的小提琴中，

$（“#inputValue”）。on（“keyup”

但是页面上没有

#inputValue

，所以代码不启动也就不足为奇了。也许你的示例缺少什么？