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
<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <table> <tr> <th colspan="2"><button>Vybrat vše</button></th> </tr> <tr> <td><input type="checkbox"></td> <td>text</td> </tr> <tr> <td><input type="checkbox"></td> <td>text</td> </tr> <tr> <td><input type="checkbox"></td> <td>text</td> </tr> <tr> <td colspan="2"> <select> <option value="10">10</option> <option value="20">20</option> <option value="vse">vše</option> </select> </td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table, th, tr, td { border: 1px solid black; }
CSS
Autoformát
CSS reset
Až na konci
$('button').click(function () { $('select').val('vse').trigger('change'); //var checkboxes = $('table').find('td input:checkbox'); //checkboxes.prop('checked', true); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>