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> Délka předplatného <select name="delka" onchange="vypocet(this.value, this.parentNode.sleva.checked, this.parentNode.celkem)"> <option value="default">-- vyberte --</option> <option value="m1">1 měsíc</option> <option value="m3">3 měsíce</option> <option value="m6">6 měsíců</option> <option value="m12">12 měsíců</option> </select> <br> Sleva: <input type="checkbox" name="sleva" onchange="vypocet(this.parentNode.delka.value, this.checked, this.parentNode.celkem)"> <br> Celková cena předplatného: <input name="celkem" disabled size="20px"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function aplikujSlevu(cena, m) { var slevy = { "m1" : 0.95, "m3" : 0.95, "m6" : 0.90, "m12" : 0.85 }; return typeof slevy[m] != "undefined" ? slevy[m] * cena : cena; } function vypocet(m, sleva, target) { var ceny = { "default" : "", "m1" : 900, "m3" : 700, "m6" : 2400, "m12" : 2700 }; if(typeof ceny[m] != "undefined") { target.value = sleva ? aplikujSlevu(ceny[m], m) : ceny[m]; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>