3

我有一系列输入字段。我永远不知道有多少，所以我需要从一个类中获取价值。在这种情况下，类是.total.

这bestresult是一个从 获取其值的文本字段mysql，但我希望手动更改它或通过其他文本字段中的最大值进行更改。

这是代码。显然不起作用，但也许你明白我想要做什么。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$('input.total').change(function()
{
    var max = $('.total').max();
    $('#bestresult').attr("value", max);
});
</script>
<body>
<form>
<input type="text" name="bestresult" id="bestresult" class="total" value=""><br>
<input type="text" name="resultat[100][total]" class="total" value=""><br>
<input type="text" name="resultat[121][total]" class="total" value=""><br>
<input type="text" name="resultat[130][total]" class="total" value="">
</form>
</body>
</html>
4

2 回答 2

3

解决方案非常简单。试试这个：

$('input.total').change(function()
{
     var max = 0;

     $('.total').each(function(){
          if(parseFloat($(this).val()) > max ) {
               max = parseFloat($(this).val());
          }
     });

     $('#bestresult').val(max);
});

但是，如果您有多个文本框，则应跟踪最大值并在每次触发更改事件时更新以实现更好的性能。

    var max = 0;

    // get the max for the first time
    $(document).ready(function () {
        $('.total').each(function () {
            if (parseFloat($(this).val()) > max) {
                max = parseFloat($(this).val());
            }
        });

        $('#bestresult').val(max);
    });

    $('input.total').change(function () {
        if (parseFloat($(this).val()) > max) {
            max = parseFloat($(this).val());
        }

        $('#bestresult').val(max);
    });
于 2013-01-14T08:28:29.153 回答
2

首先，您应该将脚本放在正文的末尾，以便在绑定更改事件时定义元素。

然后，您最好过滤输入，以排除包含最大值的输入。您可以使用此选择器 : input.total[id!=bestresult]。

并且最好还绑定 keyup 事件，以便在用户不必单击外部的情况下更新最大值。

因此，您可以拥有以下代码：

$('input.total[id!=bestresult]').on('blur change keyup', function(){
    $('#bestresult').attr("value", Math.max.apply(null, $('.total[id!=bestresult]').map(function(){
        return parseFloat(this.value)}).slice().filter(function(i, v){return v==v})
    ));
});

示范

于 2013-01-14T08:40:44.000 回答