javascript - jquery 减少小数；如何从 html 页面运行多个输入

Question

在我的工作中，我需要减少小数。以下 JavaScript 可以很好地减少小数点，即将小数点后两位减为一位，

 var mynum = 32.34;
  myNumber = mynum.toFixed(2); // result = 32.3

我想同时从 html 表单转换多个值，例如，

 82.77, 69.30, 43.75, 33.44, 26.88, 26.83, 24.89, 24.88, 24.74, 23.07, 19.31, 17.51.

到

82.8, 69.3, 44.0, 33.4, 26.8 ......

我想要一个 HTML 表单，它接受输入数字并在单击按钮时或在同一 html 页面中自动检索结果。

Answer 1

您可以创建一个值数组并循环您的代码并将其写入另一个数组:

var number_list = [ 82.77, 69.30, 43.75, 33.44, 26.88, 26.83, 24.89, 24.88, 24.74, 23.07, 19.31, 17.51];
var result = [];
for(var k in number_list){
  result.push(number_list[k].toFixed(1));
}

// if u not use IE for dev uncomment the line below for see result in console
//console.log(result);

带有输入字段的表单的小例子jq

$('#myid').submit(function(e){
    e.preventDefault();
    var number_list = eval("["+ $(".numberlist").val() +"]");
    var result = [];
    for(var k in number_list){
      // add new number to result array
      if(typeof number_list[k] == "number") result.push(number_list[k].toFixed(1));
      //append new number to a result list: 1.55 -> 1.6
      $("#result").append("<li>"+number_list[k]+" -> "+number_list[k].toFixed(1)+"</li>");
    }
});

html

<form id="myid">
   <input class="numberlist" type="text"/>
</form>
<ul id="result"></ul>

在此输入中写入由“,”分隔的数字。

像:1.56,213.32423424,5.234234