Kadi
@Kadi
веб-разработчик

Как суммировать значения двух полей input и вывести результат в третьем поле?

Есть динамически создаваемые поля такого вида
<form action="">
    <div class="row">
        <input type="text" name="cost[]">
        <input type="text" name="amount[]">
        <input type="text" name="sum[]">
    </div>
    <a href="#" class="bottom-row" onclick="addOne()">Добавить еще одну строку полей</a>
</form>


а вот функции js для добавления и удаления полей
// функция добавления полей
function addOne() {
    $( ".bottom-row" ).before( '<div class="row"><input type="text" name="cost[]"><input type="text" name="amount[]"><input type="text" name="sum[]"><a href="#" onclick="removeOne(this)">x</a></div></div>');
    i++;
}

// ну и собственно функция удаления полей
function removeOne(obj) {
    $(obj).parent().remove();
}


необходимо суммировать значения полей 'cost[]' и 'amount[]', и отобразить их в соответствующем поле 'sum[]'
  • Вопрос задан
  • 5925 просмотров
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Не нужно в коде скрипта писать HTML код просто так. Лучше клонировать, или воспользоваться шаблонами (templates).
codepen.io/cleric/pen/lJbny
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы