toFixed（）;只返回.00

Question

下面的代碼返回小數，但它並不比.00返回值以外，當我有我的值設置爲0.67，1.33，2.67，等

$(function($) { 
    $('#CourseMenu select').change(function() { 
     var sum = 0; 
     $('#CourseMenu select').each(function(idx, elm) { 
      sum += parseInt(elm.value, 10); 
     }); 

    $('#total_potential').html(Math.min(sum,72).toFixed(2)); 
    }); 
}); 

這裏的其中JS從拉動數據...

  <legend>Transfer Course Information</legend> 
<label for="School Int.">School Int.</label> 
      <input name="School Int." type="text" size="6" maxlength="6" /> &nbsp; 

      <label for="ID">ID</label> 
      <input name="ID" type="text" id="ID" size="8" /> &nbsp; 

      <label for="Name">Name</label> 
      <input name="Name" type="text" id="Name" size="25" />&nbsp; 

      <label for="Grade">Grade</label> 
      <input name="Grade" type="text" id="Grade" size="2" />&nbsp; 

      <label for="Credits">Credits</label> 
       <select name="Credits" id="Credits"> 
        <option value="0">Select Credit</option> 
        <option value="0.67">1 QtrCr.</option> 
        <option value="1.33">2 QtrCr.</option> 
        <option value="2.00">3 QtrCr.</option> 
        <option value="2.67">4 QtrCr.</option> 
        <option value="3.33">5 QtrCr.</option> 
        <option value="4.00">6 QtrCr.</option> 
        <option value="4.67">7 QtrCr.</option> 
        <option value="5.33">8 QrtCr.</option> 
        <option value="6.00">9 QtrCr.</option> 
        <option value="6.67">10 QtrCr.</option> 
        <option value="1">1 SemCr.</option> 
        <option value="2">2 SemCr. </option> 
        <option value="3">3 SemCr.</option> 
        <option value="4">4 SemCr.</option> 
        <option value="5">5 SemCr.</option> 
        <option value="6">6 SemCr.</option> 
        <option value="7">7 SemCr. </option> 
        <option value="8">8 SemCr.</option> 
        <option value="9">9 SemCr.</option> 
        <option value="10">10 SemCr.</option> 
        </select> 

      Transferrable 
      <input name="COM105" type="checkbox" id="COM1" /> 

我想這一點，但它沒有工作...

$(function($) { 
    $('#CourseMenu select').change(function() { 
     var sum = 0; 
     $('#CourseMenu select').each(function(idx, elm) { 
      sum += parseInt(elm.value, 10); 
     }); 

    $('#total_potential').html(Math.min(sum,72).toFixed(2).replace(".00", "")); 
    }); 
}); 

Answer 1

您使用的是parseInt()，它丟棄了分數。改爲使用parseFloat()。

$(function($) { 
    $('#CourseMenu select').change(function() { 
     var sum = 0; 
     $('#CourseMenu select').each(function(idx, elm) { 
      sum += parseFloat(elm.value); 
     }); 

    $('#total_potential').html(Math.min(sum,72).toFixed(2)); 
    }); 
}); 

Answer 2

您在.toFixed（）調用之前的值上調用了「parseInt」，這會將這些浮點轉換爲整數。嘗試「parseFloat」，而你應該全部設置。

Answer 3

的parseInt方法解析字符串到整數（整數）。一個簡單的方法將字符串轉換爲數字在JavaScript中，同時保持小數部分使用一元加運算：

sum += +elm.value; 

優勢/劣勢此相比，parseFloat是，它是更嚴格的：如果字符串以數字開頭然後是字母，如"123abc"，這將返回一個NaN，而parseFloat將返回字母前可以解析的數字。