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
<table> <tr><td user='1' onclick='pridatVybranym(this)'>user 1 <input type='checkbox'></td></tr> <tr><td user='1' onclick='pridatVybranym(this)'>user 1 <input type='checkbox'></td></tr> <tr><td user='1' onclick='pridatVybranym(this)'>user 1 <input type='checkbox'></td></tr> <tr><td user='2' onclick='pridatVybranym(this)'>user 2 <input type='checkbox'></td></tr> <tr><td user='2' onclick='pridatVybranym(this)'>user 2 <input type='checkbox'></td></tr> <tr><td user='3' onclick='pridatVybranym(this)'>user 3 <input type='checkbox'></td></tr> <tr><td user='3' onclick='pridatVybranym(this)'>user 3 <input type='checkbox'></td></tr> <tr><td user='3' onclick='pridatVybranym(this)'>user 3 <input type='checkbox'></td></tr> </table> <table> <tr><td>user 1</td> <td><input type='text' id='user1ch' value='3'></td></tr> <tr><td>user 2</td> <td><input type='text' id='user2ch' value='1'></td></tr> <tr><td>user 3</td> <td><input type='text' id='user3ch' value='9'></td></tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function pridatVybranym(td) { var user = td.getAttribute('user'); var zatrzeno = td.getElementsByTagName('input')[0].checked; var prepocet = document.getElementById('user'+user+'ch'); prepocet.value = parseInt(prepocet.value) + (zatrzeno ? 1 : -1); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>