JavaScript中的自动填充计算值

这两天我一直在改进我的代码。这段代码做得很好，但这次我希望第三个字段或任何最后剩余的字段自动填充剩余的点。我试图操纵，但结果只会是负面的。当我多次更改值时，我无法计算准确的值。非常感谢您的帮助。提前谢谢您

<div class="col-lg-12">
    <div class="panel panel-default">
      <div class="panel-heading"> Please enter the weighted measurements for the criteria in selecting the scholars :</div>
      <div class="panel-body">
        <div class="col-lg-4 form-group">
          <label class="control-label">
            Total criteria :
          </label>
          {!! Form::text('point','100',['class'=>'form-control', 'id'=>'remaining','disabled']) !!}
        </div>
        <div>
          <div class="col-lg-12">

            <div class="col-lg-4 form-group">
              <label class="control-label">
                Percent for age: 
              </label>
              {!! Form::text('scholarship_points_one',null,['class'=>'form-control point','id'=>'f1','maxlength' => '3', 'min'=>'4', 'max'=>'100','placeholder'=>'Enter Your Rate 1 - 100']) !!}
            </div>

            <div class="col-lg-4 form-group">
              <label class="control-label">
               Percent for GPA: 
             </label>
             {!! Form::text('scholarship_points_two',null,['class'=>'form-control point','id'=>'f2','maxlength' => '3', 'min'=>'4', 'max'=>'100','placeholder'=>'Enter Your Rate 1 - 100']) !!}
           </div>

           <div class="col-lg-4 form-group">
            <label class="control-label">
             Percent for location: 
           </label>
           {!! Form::text('scholarship_points_three',null,['class'=>'form-control point','id'=>'f3','maxlength' => '3', 'min'=>'4', 'max'=>'100','placeholder'=>'Enter Your Rate 1 - 100']) !!}
         </div>
       </div>
     </div>
   </div>
 </div>
</div>

<script type="text/javascript">
  var points = document.getElementsByClassName('point');
  var remaining = document.getElementById('remaining');
  for(var i = 0; i < points.length; i++) {
    points[i].addEventListener('change', function() {
      var inputPoints = getInputPoints();
      remaining.value = 100 - inputPoints;
    });
  }
  function getInputPoints() {
    var inputPoints = 0;
    for(var j = 0; j < points.length; j++) {
      if (!isNaN(points[j].value) && points[j].value != "") { inputPoints += parseInt(points[j].value);}
    }
    return inputPoints;
  }
</script>

请在选择学者时输入标准的加权测量值：
总标准：
{！！Form:：text（'point'，'100'，['class'=>'Form-control'，'id'=>'remaining'，'disabled']）
年龄百分比：
{！！Form:：text（'scholarship\u points\u one'，null，['class'=>'Form-control point'，'id'=>'f1'，'maxlength'=>'3'，'min'=>'4'，'max'=>'100'，'placeholder'=>'输入您的费率1-100']）
平均成绩百分比：
{！！Form:：text（'scholarship\u points\u two'，null，['class'=>'Form-control point'，'id'=>'f2'，'maxlength'=>'3'，'min'=>'4'，'max'=>'100'，'placeholder'=>'输入您的费率1-100']）
位置的百分比：
{！！Form:：text（'scholarship\u points\u three'，null，['class'=>'Form-control point'，'id'=>'f3'，'maxlength'=>'3'，'min'=>'4'，'max'=>'100'，'placeholder'=>'输入您的费率1-100']）
var points=document.getElementsByClassName（'point'）；
var remaining=document.getElementById（'remaining'）；
对于（变量i=0；i

将类

输入字段添加到源输入字段中，然后

<script>
$(document).ready(function() {
   calculateTotals();

    $(".input-fields-to-sum").on('input', function() {
        calculateTotals();
    });
});

function calculateTotals() {
   // walk on input fields with class, calculate sum and put it in total field
   // input can contain invalid numbers, handle errors when parsing
}

function parseNumber(str, defaultValue) {
    if (str !== undefined && str.length) {
        var parsed = parseFloat(str.replace(',','.').replace(/\s/g,'').replace(/\&nbsp\;/g,''));
        if (isNaN(parsed)) return defaultValue;
        return parsed;
    }
    return defaultValue;
}
</script>


$（文档）.ready（函数（）{
计算器（）；
$（“.input fields to sum”）.on（'input'，function（）{
计算器（）；
});
});
函数calculateTotals（）{
//与类一起遍历输入字段，计算总和并将其放入总计字段
//输入可能包含无效数字，在解析时处理错误
}
函数parseNumber（str，defaultValue）{
if（str！==未定义和str.length）{
var parsed=parseFloat（str.replace（“，”，“）.replace（/\s/g）”）.replace（/\s/g'）；
if（isNaN（已解析））返回defaultValue；
返回解析；
}
返回默认值；
}
Sir，我将尝试应用此逻辑，看看是否还有其他问题。Sir，这里的问题是用户可能会首先在任何字段中输入。因此，我无法设置固定的总计字段。