首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >各部分中输入值的jQuery求和

各部分中输入值的jQuery求和
EN

Stack Overflow用户
提问于 2013-01-03 23:33:56
回答 6查看 62.3K关注 0票数 25

我尝试在多个部分中查找输入值的总和。到目前为止,我已经把代码放在下面了。

HTML:

代码语言:javascript
复制
<div class="section">
  <input type="radio" name="q1" value="2"/>
  <input type="radio" name="q2" value="0"/>
  <input type="radio" name="q3" value="1"/>
  <input type="radio" name="q4" value="3"/>
</div>

jQuery:

代码语言:javascript
复制
$('.section').each(function(){
  var totalPoints = 0;
  $(this).find('input').each(function(){
    totalPoints += $(this).val();
  });
  alert(totalPoints);
});

请注意,这是我实际使用的代码的简化版本。所以我想要警告2个值(每个部分的总和):8,然后是6。我只是得到了一个包含所有值的字符串。所以第一部分的警报是0143。

你知道我如何得到一个累积和而不是一个字符串吗?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2013-01-03 23:35:54

你正在做"1"+"1“,并且期望它是2( int)

事实并非如此。

一个非常快速(但不完全正确)的解决方案是:

代码语言:javascript
复制
$('.section').each(function(){
  var totalPoints = 0;
  $(this).find('input').each(function(){
    totalPoints += parseInt($(this).val()); //<==== a catch  in here !! read below
  });
  alert(totalPoints);
});

接住?为什么?

答:你应该总是使用基数,因为如果你不这样做,前导零就是八进制的!

代码语言:javascript
复制
 parseInt("010") //8 ( ff)
 parseInt("010") //10 ( chrome)


 parseInt("010",10) //10 ( ff)
 parseInt("010",10) //10 ( chrome)

好吧..。你明白了吧。提供基数!

编辑

最终解决方案(使用.each( function(index, Element) ))

代码语言:javascript
复制
$('.section').each(function(){
      var totalPoints = 0;
      $(this).find('input').each(function(i,n){
        totalPoints += parseInt($(n).val(),10); 
      });
      alert(totalPoints);
    });
票数 40
EN

Stack Overflow用户

发布于 2013-01-03 23:44:43

使用parseFloat()parseInt()

代码语言:javascript
复制
var totalPoints = 0;
$('.section input').each(function(){
        totalPoints = parseFloat($(this).val()) + totalPoints;
});
alert(totalPoints);
票数 6
EN

Stack Overflow用户

发布于 2013-01-03 23:35:45

代码语言:javascript
复制
totalPoints += parseInt($(this).val(), 10);
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14142011

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档