jQuery在节中输入值的总和

Question

我试图找到多个部分内输入值的总和。我已经把我的代码放在下面了。

HTML:

<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:

$('.section').each(function(){
  var totalPoints = 0;
  $(this).find('input').each(function(){
    totalPoints += $(this).val();
  });
  alert(totalPoints);
});

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

任何想法我如何得到一个累积和而不是字符串?

Answer 1

你正在做"1"+"1"期望它是2 (int)

它不是。

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

$('.section').each(function(){
  var totalPoints = 0;
  $(this).find('input').each(function(){
    totalPoints += parseInt($(this).val()); //<==== a catch  in here !! read below
  });
  alert(totalPoints);
});

抓住吗?为什么?

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

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

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

嗯…你懂的。

<标题>编辑

终解(使用.each( function(index, Element) ))

$('.section').each(function(){
      var totalPoints = 0;
      $(this).find('input').each(function(i,n){
        totalPoints += parseInt($(n).val(),10); 
      });
      alert(totalPoints);
    });

Answer 2

使用parseFloat()或parseInt()

var totalPoints = 0;
$('.section input').each(function(){
        totalPoints = parseFloat($(this).val()) + totalPoints;
});
alert(totalPoints);

Answer 3

该值存储为字符串，因此调用+=是在进行字符串连接。你想要/需要把它当作一个数字，所以它做加法。使用parseInt()函数将其转换为数字:

totalPoints += parseInt($(this).val(), 10);

Answer 4

javascript函数parseInt()应该实现你所需要的，这里有一个小提琴:http://jsfiddle.net/k739M/

和一些格式化的代码:

$('.section').each(function(){
    var totalPoints = 0;
    $(this).find('input').each(function(){
        totalPoints += parseInt($(this).val());
    });
    alert(totalPoints);
});​

另外，如果你要调用$(each)。节输入'，可以减少处理时间(和代码量)。

var totalPoints = 0;
$('.section input').each(function(){
    totalPoints += parseInt($(this).val());
});
alert(totalPoints);

Answer 5

Use eval instead of parseInt
var a = "1.5";
var b = "2";
var c = parseInt(a) + parseInt(b);
console.log(c); //result 3
var a = "1.5";
var b = "2";
var c = eval(a) + eval(b);
console.log(c); //result 3.5 this is accurate

Answer 6

您也可以使用Array的reduce()方法获取总和:

var arrayOfValues = $('.section input[type=radio]').map(function(index, input) {
    return parseInt($(input).val());
}).toArray();
var sum = arrayOfValues.reduce(function(val1, val2) {
    return val1 + val2;
});