За последние 24 часа нас посетили 10295 программистов и 1122 робота. Сейчас ищут 290 программистов ...

Сложить все числа из полученного массива

Тема в разделе "JavaScript и AJAX", создана пользователем Искандар, 23 июн 2022.

  1. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    76
    Симпатии:
    6
    Всем доброго времени суток!
    Есть форма:
    HTML:
    1. <table width='100%' border='1'  class='table1' cellspacing='0' style='font:9px Arial; ' id="info-table">
    2. <tr height="20" style='font:9px Arial;'>
    3. <th>Материал</th>
    4. <th>Заявка</th>
    5. </tr>
    6. <?php $i = 0; while($row = mysqli_fetch_array($result, MYSQLI_NUM)){ ?>
    7. <tr>
    8. <td><?php echo $row[0];?></td>
    9. <td><input name="zayavka[]" type="number"  onkeyup="res(<?=$i?>)" id="z_<?=$i?>" /></td>
    10. </tr>
    11. <?php $i++; } ?>
    12. <p id="result"></p>
    13.  
    Код (Javascript):
    1. function res(num){
    2. var z = document.getElementById('z_'+num);
    3. var result= document.getElementById("result");
    4. result.innerHTML = ?
    5. };
    Как сложить все цифры в столбце заявки с помощью JavaScript?
    Спасибо!
     
  2. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.521
    Симпатии:
    614
    как-то так
    Код (Javascript):
    1. let sum = 0;
    2. document.querySelectorAll('#info-table input').forEach(input => sum += parseInt(input.value));
     
  3. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    76
    Симпатии:
    6
    Спасибо что откликнулись, но к сожалению результат выводить: "undefined".
     
  4. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.521
    Симпатии:
    614
    Результат в переменной sum
     
  5. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    76
    Симпатии:
    6
    Всё работает.
    Ещё один вопрос. В таблице последняя строка ИТОГО:. как выводить результат в ячейке заявка на против "ИТОГО" и за одно блокировать ячейку с выводом.
    Спасибо!
     
  6. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.521
    Симпатии:
    614
    @Искандар очевидно
    Код (Text):
    1. result.innerHTML = sum;
    по коду
     
  7. Искандар

    Искандар Активный пользователь

    С нами с:
    18 фев 2017
    Сообщения:
    76
    Симпатии:
    6
    Таблица получает динамические данные.
    Скрин таблицы во вложении.
    Обратите внимание: где столбец цветом зелёный - это заявка. В самом последней строке должно показать суммы заявки. Сейчас у меня показывает на кнопке.
     

    Вложения: