文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery中多个输入字段的总和

问jquery中多个输入字段的总和
EN

Stack Overflow用户

提问于 2013-06-06 15:45:57

回答 2查看 18.6K关注 0票数 5

我想做一个表单，其中我有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>

到目前为止，我的脚本如下所示：

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.text(sum);
});

下面是它的jsfiddle：http://jsfiddle.net/bT4nm/1/

你能帮我一下吗？是我的html类中的问题还是脚本中的什么问题，我对jQuery很感兴趣，我需要尽快的解决方案。更新我的js小提琴将会很棒。

input

sum

javascript

jquery

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-06 15:49:18

做

$sumDisplay.val(sum);

而不是

   $sumDisplay.text(sum);

票数 5

Stack Overflow用户

发布于 2013-06-06 15:50:36

使用以下命令：

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);
});

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16956444

复制

相似问题

问jquery中多个输入字段的总和
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中多个输入字段的总和EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中多个输入字段的总和
EN