jQuery添加了多个文本框值

我有一个新任务要做,我不确定使用jQuery处理它的最佳方法.

基本上,客户需要“x”数量的文本框(数量),每个文本框都有一个加/减按钮/图标,当您点击每个文本框时,所有相关字段都会更新.

例如(如果页面中有3个选项)

数量[0] –
数量[0] –
数量[0] –

以上所有[0]的总和

我经常使用jQuery,但我不知道从哪里开始.

任何建议将不胜感激.

阿迪.

解决方法

如果您将CSS类添加到需要求和的所有输入字段,则可以将更改事件处理程序附加到它们,以便更新总计：

$('input.qty').change(function() {       
    // Loop through all input's and re-calculate the total
    var total = 0;
    $('input.qty').each(function(){
        total += parseInt(this.value);
    });

    // Update the total
    $('#total').val(total);
);

你可以看到它in action here.

笔记

>我遗漏了 – 按钮.这些可能只是根据需要递增/递减其相关输入值的链接.>更新总数使用parseInt从string转换为int.您应该确保输入的值是有效整数.