是否可以使用 jQuery 获取最小值和最大值并将其呈现在另一个输入字段中？

Question

就这样：

我正在使用 JS 编写（实际上感觉更像是尝试和询问）一个 GreaseMonkey 脚本，并包括（也使用）jQuery 库。

我创建了另一个带有一些输入字段的表。示例（仅限输入字段）：

  + "   < input type=\" text\"  id=\" field_1\"  name=\" min_field_1\" value=\"\" > " 
  + "   < input type=\" text\"  id=\" field_2\"  name=\" min_field_2\" value=\"\" > " 
  + "   < input type=\" text\"  id=\" field_3\"  name=\" min_field_3\" value=\"\" > " 
  + "   < input type=\" text\"  id=\" field_4\"  name=\" min_field_4\" value=\"\" > "


 // 在本例中，结果应呈现在另一个输入字段中，id=field_result_min
  + " <输入类型=\"文本\" id=\"field_result_min\" name=\"min_field_result\" > " 
  + " <输入类型=\"文本\" id=\"field_result_max\" name=\"max_field_result\" > " 
  + " <输入类型=\"文本\" id=\"field_result_avg\" name=\"avg_field_result\" > " 

我的目标是获取字段的最小值、最大值和平均值，并将结果呈现在另一个输入字段中。

//returns the min value of all input-fields starting with a name attribute of min
$("input[name^='min']")min.()

这是行不通的，因为 jQuery 库没有像 JS 那样的 min() 或 max() 方法。

所以我尝试了某事。喜欢

<input type="button" value="=" onclick="window.document.getElementById('field_result_min') = Math.min(window.document.getElementById('field_1').value,window.document.getElementById('field_2').value,window.document.getElementById('field_3').value,window.document.getElementById('field_4').value)" > 

嗯……我再次陷入困境和困惑——即使在我解释的时候。

问题：如何在一个输入字段中呈现某些输入字段的最小值和最大值？

任何帮助将不胜感激。 菲力

更新 我就是这样解决的。好吧，这只是平均值和最大值（最小值是可导出的）。任何更改或错误都应该来自复制、粘贴和更改某物。在 stackoverflow 的代码中。

function calculateAvg() {


var fields = [1*window.document.getElementById('field_1').value,1*window.document.getElementById('field2').value,1*window.document.getElementById('field').value,1 *window.document.getElementById('field4').value,1*window.document.getElementById('field5').value,1*window.document.getElementById('field6').value];

总变量 = 0；
var 安扎尔 = 0;
    for(i=0;i 0) {
    总计=总计+字段[i]；
    安扎尔=安扎尔+1;}
}
var durchschnitt =（总计/anzahl）；
window.document.getElementById('fieldavg').value = durchschnitt;
}
 $("#fieldavg").blur (calculateAvg);

函数calculateMax() {

 var fields = [1*window.document.getElementById('field_1').value,1*window.document.getElementById('field2').value,1*window.document.getElementById('field' ).value,1*window.document.getElementById('field4').value,1*window.document.getElementById('field5').value,1*window.document.getElementById('field6').value];

最大变量=0；
for(i=0; i 0）{
if(max<字段[i]){
最大值=字段[i]；
}
}
}
window.document.getElementById('field8').value = max;

 }

 $("'field_8").blur (calculateMax);

所以，感谢您的帮助。我真的需要它。 法力

Answer 1

使用其他库是一种方法，但手动解决小问题[使用原始 javascript] 会更好。
更改下面代码中的选择器，然后检查。

$(function(){
    sel = $('.field')
    min_field = $('#min');
    max_field = $('#max');
    avg_field = $('#avg');
    len = $(sel).length;
    $(sel).change(function(){
       sum = 0
       list = []
       $(sel).each(function(){
            val = Number($(this).val());
            list.push(val);
            sum += val;
        })
        $(min_field).val(Math.min.apply(Math, list))
        $(max_field).val(Math.max.apply(Math, list))
        $(avg_field).val(sum/len);
     })
})

快乐编码。

Answer 2

试试这个：

var values = $("input[name^='min']").map(function(){
    return isNaN(this.value) ? [] : +this.value;
}).get();

var min = Math.min.apply(null, values);

然后您可以将该最小值添加到另一个输入字段，如下所示：

$('#some-input').val(min);

Answer 3

您可能想看看 jQuery 计算插件。您的示例的语法如下所示：

var MinVal=$("input[name^='min_field_']").min(); // Get minimum value
var MaxVal=$("input[name^='min_field_']").max(); // Get maximum value
var AvgVal=$("input[name^='min_field_']").avg(); // Get average value

这将是更快的版本：

var MinField=$("input[name^='min_field_']");

var MinVal=MinField.min(); // Get minimum value
var MaxVal=MinField.max(); // Get maximum value
var AvgVal=MinField.avg(); // Get average value

Answer 4

如果没有插件，您可以执行类似 this JSFiddle 的操作

Array.prototype.avg = function() {
    var total = this[0];
    var len = this.length;
    for (var i = 1; i != len; i++) total += this[i];
    return total / len;
}

Array.prototype.min = function() {
    return Math.min.apply( Math, this );
}

Array.prototype.max = function() {
    return Math.max.apply( Math, this );
}

var values = $("input[id^='field_']").map(function(){
    var value = $(this).val();
    if (value.length == 0 || isNaN(value)) {
        return 0;
    } else {
        return parseFloat(value);
    }
}).get();

$('#max').val(values.max());
$('#min').val(values.min());
$('#avg').val(values.avg());

原型应该会在未来有所帮助。