文本框上的和操作

Question

我有多個文本框（類txtsum）應該只允許數字。我該如何計算這些文本框爲用戶在文本框中的總和

var $txtb = $(':input.txtsum'); 
$txtb.on('change',function(){ 
    tot = 0.0; 
    $txtb.each(function() { 
     tot += parseFloat($(this).text()); 
    }); 
}); 

您能否提供我正確的/更好的方式來做到這一點？這是我試過http://jsfiddle.net/DPe4W/

Answer 1

變化

tot += parseFloat($(this).text()); 

到

tot += parseFloat($(this).val()); 

您應該使用.val得到任何輸入元素的值一樣input，select。

而且我改變你的代碼如下圖所示，

DEMO：http://jsfiddle.net/DPe4W/7/

var $txtb = $(':input.txtsum'); 
$txtb.on('keyup', function() { 
    var tot = 0.0; 
    $txtb.each(function() { 
     var val = parseFloat(this.value); 
     if (!isNaN(val)) { 
      tot += val; 
     } 
    }); 

    $("p").html(tot); 
}); 

Answer 2

.text()不輸入類型工作..使用.val()代替

而不是

$(this).text() 

使用

($(this).val() ; // To calculate the value 

全碼

var $txtb = $(':input.txtsum'); 
$txtb.on('keyup', function() { 
    tot = 0.0; 
    $txtb.each(function() { 
     var t = $(this).val() != '' ? $(this).val() : 0; 
     tot += parseFloat(t); 
    }); 
    $("p").html(tot); 
});​ 

Check Fiddle