Как переделать скрипт для массива

@ДеКо · Регистрация: 19.06.2013

Студворк — интернет-сервис помощи студентам

Пример: есть 2 строки (по 3 поля в каждой):

HTML5
1
2
3
4
<tr><input type="number" id="val1" value="0" /> + <input type="number" id="val2" value="0" /> = <input type="text" id="result" value="0" readonly />
</tr>
<tr><input type="number" id="val1" value="0" /> + <input type="number" id="val2" value="0" /> = <input type="text" id="result" value="0" readonly />
</tr>

есть такой скрипт (выполняет сложение значений из первых двух полей и выводит результат в третье поле (для одной строки)):

JavaScript
1
2
3
4
5
6
7
8
9
$(function() {
  var calculate = function() {
    var val1 = parseInt($("#val1").val());
    var val2 = parseInt($("#val2").val());
    $("#result").val(val1 + val2);
  };
    
  $("#val1, #val2").change(calculate).keyup(calculate);
});

Помогите переделать этот скрипт так, что бы он мог работать не с одной строкой, а с таким кол-вом строк, сколько будет передавать сервер.

@NetkovK · 01.08.2013, 10:14

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function() {
  var calculate = function() {
    var val1 = new Array();
    $("#val1").each(function(){
          val1 = $(this).val() 
    });
    var val2 = new Array();
    $("#val2").each(function(){
          val2 = $(this).val() 
    });
    
 
    $("#result").each(function(){
        $(this).val(val1 + val2);
    });
  };
    
  $("#val1, #val2").change(calculate).keyup(calculate);
});

Добавлено через 48 минут
а еще id на class заменить надо забыл, тоесть .val1, .val2, .result

@ДеКо · 01.08.2013, 11:50 **[ТС]**

Сообщение от NetkovK

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function() {
  var calculate = function() {
    var val1 = new Array();
    $("#val1").each(function(){
          val1 = $(this).val() 
    });
    var val2 = new Array();
    $("#val2").each(function(){
          val2 = $(this).val() 
    });
    
 
    $("#result").each(function(){
        $(this).val(val1 + val2);
    });
  };
    
  $("#val1, #val2").change(calculate).keyup(calculate);
});

Добавлено через 48 минут
а еще id на class заменить надо забыл, тоесть .val1, .val2, .result

Я правильно тебя понял? Вот так: http://jsfiddle.net/2WZu7/8/ ??
В третьем поле должен быть результат математического сложения, и он для каждой строки должен быть свой...

@NetkovK · 01.08.2013, 12:29

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(function() {
  var calculate = function() {
    var val1 = new Array();
    $(".val1").each(function(){
          val1[val1.length] = parseInt($(this).val());
    });
    var val2 = new Array();
    $(".val2").each(function(){
          val2[val2.length] = parseInt($(this).val());
    });
    
    
      var len = val1.length;
      for(var i =0; i<len; i++){
          
          $('.result').eq(i).val(val1[i]+val2[i]);
      }
  };
    
  $(".val1, .val2").change(calculate).keyup(calculate);
});

так будет работать

@ДеКо · 01.08.2013, 13:02 **[ТС]**

ОГРОМНОЕ Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@ДеКо 0 / 0 / 0 Регистрация: 19.06.2013 Сообщений: 7
	01.08.2013, 13:02 [ТС]
	ОГРОМНОЕ Спасибо! 0