Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<form enctype="multipart/form-data" name="formular"> <h2>Služba</h2> <input type="radio" value="1" data-cena="1000" name="sluzba" onchange="calc()" />1 <input type="radio" value="2" data-cena="2000" name="sluzba" onchange="calc()" />2 <input type="radio" value="3" data-cena="5000" name="sluzba" onchange="calc()" />3 <input type="radio" value="4" data-cena="8000" name="sluzba" onchange="calc()" />4 <input type="radio" value="5" data-cena="10000" name="sluzba" onchange="calc()" />5 <h2>Hosting</h2> <input type="radio" value="1" data-cena="20" name="hosting" onchange="calc()" />1 <input type="radio" value="2" data-cena="100" name="hosting" onchange="calc()" />2 <input type="radio" value="3" data-cena="180" name="hosting" onchange="calc()" />3 <h2>Domény</h2> <input type="radio" value="1" data-cena="400" name="domena" onchange="calc()" />1 <input type="radio" value="2" data-cena="400" name="domena" onchange="calc()" />2 <input type="radio" value="3" data-cena="550" name="domena" onchange="calc()" />3 <input type="radio" value="4" data-cena="300" name="domena" onchange="calc()" />4 <h2>Celkem</h2> <input type="text" name="celkem" disabled /> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function getCheckedCena(radio) { for (i = 0; i < radio.length; i++) { if (radio[i].checked) { return parseInt(radio[i].getAttribute('data-cena')); } } return 0; } function calc(){ document.formular.celkem.value= getCheckedCena(document.formular.sluzba) + getCheckedCena(document.formular.hosting) + getCheckedCena(document.formular.domena); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>