JSFiddle - React, Tailwind, and code Playground
HTML
<form name="1">
<!-- 111111111 -->
<select id="select1" size="1" onchange="calc()">
<option value="800">Автово</option>
<option value="200">Адмиралтейская</option>
<option value="500">Академическая</option>
<option value="200">Балтийская</option>
<option value="700">Бухарестская</option>
<option value="1200">Василеостровская</option>
<option value="200">Владимирская</option>
</select>
<input type="hidden" title="check[]" value="1">
<!-- 22222222222222222 -->
<br />
<br />
<input value="0" type="radio" name="select2" id="select2" onchange="calc()"><b>Внутри КАД</b>
<input value="33" type="radio" name="select2" onchange="calc()"><b>За пределами КАД</b>
<!-- 3333333333333333333333 -->
<br />
<br />
<select id="select3" name="select2" class="calc3selecto" size="1" onchange="calc()">
<option value="5">Сегодня</option>
<option value="300">Адмиралтейская</option>
<option value="500">Завтра</option>
<option value="2">Послезавтра</option>
<option value="3">11 октября</option>
<option value="4">12 октября</option>
<option value="4">13 октября</option>
<option value="5">14 октября</option>
</select>
<!-- <input type="hidden" title="check[]" value="1"> -->
<!-- 444444444444444444444444444 -->
<br />
<br />
<input value="5" type="radio" name="ves" id="ves" checked onchange="calc()">До 10 кг
<input value="10" type="radio" name="ves" onchange="calc()">От 10 до 20 кг
<!-- 55555555555555555555555555 -->
<br />
<br />
<input value="1" class="input991" type="checkbox" checked="checked" id="chk1" onchange="calc()"/>
<input value="2" class="input992" type="checkbox" checked="checked" id="chk2" onchange="calc()"/>
<input value="3" class="input993" type="checkbox" checked="checked" id="chk3" onchange="calc()"/>
</form>
<!-- ВЫВОД ИТОГО -->
<br />
<p>Итого: <span id="result">100</span> руб.</p>
JavaScript
function calc() {
var select1 = document.getElementById("select1");
var select2 = document.getElementById("select2");
var select3 = document.getElementById("select3");
var ves = document.getElementById("ves");
var chk1 = document.getElementById("chk1");
var chk2 = document.getElementById("chk2");
var chk3 = document.getElementById("chk3");
var result = document.getElementById("result");
var price = 100;
price += parseInt(select1.value);
if (select2.checked) {
price += parseInt(select2.value);
} else {
price += 33;
}
price += parseInt(select3.value);
if (ves.checked) {
price += parseInt(ves.value);
} else {
price += 10;
}
if (chk1.checked) {
price += parseInt(chk1.value);
} else {
price -= parseInt(chk1.value);
}
if (chk2.checked) {
price += parseInt(chk2.value);
} else {
price -= parseInt(chk2.value);
}
if (chk3.checked) {
price += parseInt(chk3.value);
} else {
price -= parseInt(chk3.value);
}
result.innerHTML = price;
}