Question

<input type="text" id="Count1"  value="20">
<input type="text" id="Count2"  value="30"> 
<input type="text" id="Count3"  value="40"> 
<input type="text" id="Count4"  value="50"> 
<input type="text" id="Count5"  value="60"> 
<div class="inputbox" id="Sum"> ConunSUM </div>

我有多个输入，最多可以输入50个，我该如何使用onchange，进行自动求和。

Answer 1

您可以收听input事件，然后将所有值求和。

$('input').on('input', function() {
  $('#Sum').text(sum());
});

$('#Sum').text(sum());

function sum() {
  let sum = 0;
  
  $('input').each(function() {
    let value = Number(this.value);

    if (!isNaN(value)) {
      sum += value;
    }
  });
  
  return sum;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="Count1" value="20">
<input type="text" id="Count2" value="30">
<input type="text" id="Count3" value="40">
<input type="text" id="Count4" value="50">
<input type="text" id="Count5" value="60">
<div class="inputbox" id="Sum"></div>

Answer 2

也许是这样吗？

  x= model.predict(frame)

#!/bin/bash

set -o noclobber
{ > /destination/path ; } &> /dev/null

if [ $? -ne 0 ] ; then
    echo 'already exists!'
    exit 1
fi

docker cp MY_CONTAINER_NAME:/path/to/file /destination/path

Answer 3

欢迎堆栈溢出，您可以将所有输入作为数字输入，例如 <input type="number" id="Count1" value="20"> 然后使用

$('body').on('change','input[type="number"]',function () {

var sum = 0;    
$.each($('input'), function (index,element) {
sum += Number($(element).val());    
});

$('#Sum').text(sum);

});

Answer 4

对于每一个使用的求和算法。希望这对您有所帮助。

$(document).ready(function() {
  $('input').change(function() {
    get_sum();
  });
});
get_sum();

function get_sum() {
  var sum = 0;
  $("input[type='text']").each(function() {
    sum += parseInt($(this).val());
  });
  $('.inputbox').html(sum);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="Count1" value="20">
<input type="text" id="Count2" value="30">
<input type="text" id="Count3" value="40">
<input type="text" id="Count4" value="50">
<input type="text" id="Count5" value="60">
<div class="inputbox" id="Sum"> ConunSUM </div>

Answer 5

尝试以下脚本：

<script type="text/javascript">

            function calculateSum() {
                var sum = 0;
                $(".mycls").each(function () {

                    if (!isNaN(this.value) && this.value.length != 0) {
                        sum += parseFloat(this.value);
                    }
                });
                $("#show").html(sum.toFixed(2));
            }

            $(document).ready(function () {
                $('.mycls').each(function () {
                    $(this).change(function () {
                        calculateSum();
                    });
                });


            });

</script>



<input type="number" value="" class="mycls" >
<input type="number" value="" class="mycls" >
<input type="number" value="" class="mycls" >
<input type="number" value="" class="mycls" >
<input type="number" value="" class="mycls" >
<div id="show">value</div>

jQuery onChange事件多个输入

5 个答案: