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" data-nasa-cena="950" name="sluzba" onchange="calc()" />1 <input type="radio" value="2" data-cena="2000" data-nasa-cena="1950" name="sluzba" onchange="calc()" />2 <input type="radio" value="3" data-cena="5000" name="sluzba" data-nasa-cena="4950" onchange="calc()" />3 <input type="radio" value="4" data-cena="8000" name="sluzba" data-nasa-cena="7950" onchange="calc()" />4 <input type="radio" value="5" data-cena="10000" name="sluzba" data-nasa-cena="9900" onchange="calc()" />5 <h2>Hosting</h2> <input type="radio" value="1" data-cena="20" name="hosting" data-nasa-cena="5" onchange="calc()" />1 <input type="radio" value="2" data-cena="100" name="hosting" data-nasa-cena="99" onchange="calc()" />2 <input type="radio" value="3" data-cena="180" name="hosting" data-nasa-cena="140" onchange="calc()" />3 <h2>Domény</h2> <input type="radio" value="1" data-cena="400" name="domena" data-nasa-cena="340" onchange="calc()" />1 <input type="radio" value="2" data-cena="400" name="domena" data-nasa-cena="370" onchange="calc()" />2 <input type="radio" value="3" data-cena="550" name="domena" data-nasa-cena="500" onchange="calc()" />3 <input type="radio" value="4" data-cena="300" name="domena" data-nasa-cena="275" onchange="calc()" />4 <h2>Celkem</h2> <input type="text" name="celkem" disabled /><br/> Nasa cena: <input type="text" name="nasaCena" disabled /><br/> Usetrite: <input type="text" name="usetrite" 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 getCheckedNasaCena(radio) { for (i = 0; i < radio.length; i++) { if (radio[i].checked) { return parseInt(radio[i].getAttribute('data-nasa-cena')); } } return 0; } function calc(){ var nasaCena = getCheckedNasaCena(document.formular.sluzba) + getCheckedNasaCena(document.formular.hosting) + getCheckedNasaCena(document.formular.domena); var celkem = getCheckedCena(document.formular.sluzba) + getCheckedCena(document.formular.hosting) + getCheckedCena(document.formular.domena); document.formular.celkem.value=celkem; document.formular.nasaCena.value=nasaCena; document.formular.usetrite.value=celkem-nasaCena; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>