Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/mongodb/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery一个输入字段中多个输入字段的总和_Javascript_Jquery_Html_Input_Sum - Fatal编程技术网

Javascript jquery一个输入字段中多个输入字段的总和

Javascript jquery一个输入字段中多个输入字段的总和,javascript,jquery,html,input,sum,Javascript,Jquery,Html,Input,Sum,我想做一个表格,我有7个输入字段,我在其中输入数字,还有最后一个输入字段,其中所有插入的数字相加为一个结果。 我试图从其他堆栈器编辑一些脚本,但由于某些原因,它没有显示结果 html是: <form class="form-horizontal" id="whereEntry" method='post' action=''> <fieldset> <input type="text" class="income_count span1 registe

我想做一个表格,我有7个输入字段,我在其中输入数字,还有最后一个输入字段,其中所有插入的数字相加为一个结果。 我试图从其他堆栈器编辑一些脚本,但由于某些原因,它没有显示结果

html是:

<form class="form-horizontal" id="whereEntry" method='post' action=''>
   <fieldset>
    <input type="text" class="income_count span1 register_input" id="income" name="income" placeholder="% of income"> <br>
    <input type="text" class="income_count span1 register_input" id="income_2" name="income_2" placeholder="% of income"> <br>
<input type="text" class="income_count span1 register_input" id="income_3" name="income_3" placeholder="% of income"> <br>
<input type="text" class="income_count span1 register_input" id="income_4" name="income_4" placeholder="% of income"> <br>
    <input type="text" class="income_count span1 register_input" id="income_5" name="income_5" placeholder="% of income"> <br>
        <input type="text" class="income_count span1 register_input" id="income_6" name="income_6" placeholder="% of income"> <br><br><br>

   <input type="text" class="span2 register_input" id="income_sum" name="income_sum" placeholder="% of income"> <br>
       </fieldset>
       </form>
以下是其中的一部分:

你能帮我吗?是我的html类中的问题还是脚本中的问题,我不知道jQuery,我需要尽快解决。。更新我的js小提琴会很棒

$sumDisplay.val(sum);
而不是

   $sumDisplay.text(sum);

使用以下方法:

var $form = $('#whereEntry'),
$summands = $form.find('.income_count'),
$sumDisplay = $('#income_sum');

$form.delegate('.income_count', 'change', function ()
{
var sum = 0;
$summands.each(function ()
{
    var value = Number($(this).val());
    if (!isNaN(value)) sum += value;
});

$sumDisplay.val(sum);
});

一旦正确汇总了数字,就很难用正确的格式显示总数(千位分隔符、小数位数、货币符号等)。请参阅此答案以获得以下方面的帮助:
var $form = $('#whereEntry'),
$summands = $form.find('.income_count'),
$sumDisplay = $('#income_sum');

$form.delegate('.income_count', 'change', function ()
{
var sum = 0;
$summands.each(function ()
{
    var value = Number($(this).val());
    if (!isNaN(value)) sum += value;
});

$sumDisplay.val(sum);
});