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 id="tabulka"> <tr> <td>Položka</td> <td><input type="checkbox"></td> <td><input type="text" value="5"></td> </tr> <tr> <td>Položka</td> <td><input type="checkbox"></td> <td><input type="text" value="5"></td> </tr> <tr> <td>Položka</td> <td><input type="checkbox"></td> <td><input type="text" value="5"></td> </tr> <tr> <td>Položka</td> <td><input type="checkbox"></td> <td><input type="text" value="5"></td> </tr> <tr> <td>Položka</td> <td><input type="checkbox"></td> <td><input type="text" value="5"></td> </tr> </table> <button onclick="pridatVybranym(document.getElementById('tabulka'))">Přidat 1 pro vybrané</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function pridatVybranym(tabulka) { var radky = tabulka.rows; for (var i = 0; i < radky.length; i++) { var inputy = radky[i].getElementsByTagName("input"); if (inputy[0].checked) { inputy[1].value = (inputy[1].value * 1) + 1; } } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>