Question

HTML

<input name="pm" type="text" value="0"/>
<input name="pm" type="text" value="0"/>
<input name="pm" type="text" value="0"/>

<input name="total" type="text" value="0" disabled="disabled"/>

的Javascript

$('[name="pm"]').keypress(function() {

//implementation ?

});

我有三个文本框默认值= 0，因为用户写下这三个文本框中的任何一个，总必须在总文本框中显示。所有三个文本框都能正常使用按键事件。

Answer 1

简单演示 http://jsfiddle.net/mZBtg/

请注意：我使用了keyup api，但它会为您提供与您相同的结果。

http://api.jquery.com/keyup/

http://api.jquery.com/keypress/

您还可以执行isNumeric和isNan检查;良好的链接：$.isNumeric vs. isNaN另请参阅以下评论。乙 - ）

随意玩，希望得到这个帮助。

<强>码

$('input[name="pm"]').keyup(function() {
    var sum = 0;
    $('input[name="pm"]').each(function(){
        sum += parseInt(this.value);
    });
   $('input[name="total"]').val(sum);
});

Answer 2

$('[name="pm"]').keypress(function() {
  var total = $('[name="total"]');
  total.val(parseInt(total.val(), 10) + parseInt($(this).val(), 10));
});

使用name的keypress函数，其中存在多个相同的名称

2 个答案: