Форум

Anushki · #1 (**permalink**) 07.11.2017, 14:57

Ребят всем привет. Я только начинаю изучать язык.
Подскажите пожалуйста простой способ для перерасчета значений с формы без id.

Мы будем получать value с разных полей:
input text
input checkbox
input radio
select

Нужно чтобы value можно было легко пересчитывать меняя знак +-*\ в скрипте. И желательно чтобы мы получали значения не по id или name. А по типу тега.

И далее вывести значение всех полученных чисел под формой.

Я с утра сижу. уже устала) не могу найти полезного в сети один мусор.

Если не трудно киньте пример) буду вам очень благодарна)

laimas · #2 (**permalink**) 07.11.2017, 15:11

Нужно показывать форму и формулу расчета, а то как и вы форум будет сидеть и гадать чего вам надо.

Anushki · #3 (**permalink**) 07.11.2017, 15:18

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>Получение суммы всех value из полей</title>
<script>
function addition() {
Получить сумму значений из полей
}
</script>
</head>
<body>
<form>
<input name="usluga" id="a" type="radio" value="10">Услуга 1<br><br>
<input name="usluga" id="b" type="radio" value="20">Услуга 2<br><br>
<select class="c" id="c">
<option value="" selected disabled>Количество</option>
<option value="1">1 .шт</option>
<option value="2">2 .шт</option>
</select><br><br>
<input name="d" id="d" type="text" value="" placeholder="Укажите размер"><br><br>
</form>
Итого: <i id="result"></i>.рублей<br>
</body>
</html>

laimas · #4 (**permalink**) 07.11.2017, 15:52

Ну если для современных браузеров, то можно так

<form oninput="addition(this.elements)">
....

<script>
function addition(f) {
    var v = [].reduce.call(f, function(a, i) {
        return a + (i.checked || i.type!='radio' && +i.value ? +i.value : 0)
    }, 0)
    document.getElementById('result').textContent = v;
}
</script>

Правда почему все сумма...

Dilettante_Pro · #5 (**permalink**) 07.11.2017, 15:56

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

почему все сумма...

Цена + Количество + Размер = Результат

laimas · #6 (**permalink**) 07.11.2017, 15:59

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

Цена + Количество + Размер

Это как? Цена штанов 100 руб., количество 1 = 100. Если я буду покупать размер 48, то что цена штанов станет 148 руб.?

А если штуки, значит умножать надо. Я не понял сего момента, а может товар такой, кто его знает. )

Anushki · #7 (**permalink**) 07.11.2017, 15:59

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

Цена + Количество + Размер = Результат

А можно увидеть пример ?)

laimas · #8 (**permalink**) 07.11.2017, 16:03

Anushki,
вы не ошибаетесь и все должно быть как сумма?

Dilettante_Pro · #9 (**permalink**) 07.11.2017, 16:28

Anushki,

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

А можно увидеть пример ?)

Пример - в вашем HTML пост №3
Цена - из

<input name="usluga" id="a" type="radio" value="10">Услуга 1<br><br>
<input name="usluga" id="b" type="radio" value="20">Услуга 2<br><br>

Количество - из

<select class="c" id="c">
<option value="" selected disabled>Количество</option>
<option value="1">1 .шт</option>
<option value="2">2 .шт</option>
</select><br><br>

Размер - из

<input name="d" id="d" type="text" value="" placeholder="Укажите размер"><br><br>

Ну и Результат

function addition() {
Получить сумму значений из полей
}

laimas все посчитал точно по ТЗ
Нет, пардон, не точно:

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

Цена штанов 100 руб., количество 1 = 100. Если я буду покупать размер 48, то что цена штанов станет 148 руб.?

Не 148, а 100+1+48 = 149

laimas · #10 (**permalink**) 07.11.2017, 16:38

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

Не 148, а 100+1+48 = 149

Действительно, проглядел

Форум

Справочник

Discord чат

Курсы javascript