javascript - 使用名称的按键功能，其中存在多个相同的名称

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另请参阅下面的评论。B-)

随意玩耍，希望对您有所帮助。

代码

$('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));
});