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

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"/>

我有三个文本框，默认值为0，当用户写入这三个文本框中的任何一个时，合计必须显示在合计文本框中。

---

按键事件适用于所有三个文本框。

简单演示

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

请注意：我使用了

keyup

api，但它会给您提供与您所需相同的结果

您还可以执行

isNumeric

和

isNan

检查；好链接：也请看下面的评论。B-）

请随便玩玩，希望这对你有所帮助

代码

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

---

为避免NAN而进行的小改动exception@khaled_webdev太棒了，谢谢布鲁夫，这会给OP带来更多的东西：）谢谢你的评论B-）

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