Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script></head>
- <body>
- <div>
- <table border="1" id="tabela">
- <thead>
- <tr>
- <td>LP.</td><td>ID Pacjenta</td><td>Inicjały</td>
- </tr>
- </thead>
- <tbody>
- <tr><td>1</td><td>18838</td><td>PG</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
- <tr><td>2</td><td>13737</td><td>SK</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
- <tr><td>3</td><td>58234</td><td>MW</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
- </tbody>
- </table>
- </div>
- <div>
- Wybrani pacjenci: <span id="result"></span>
- </div>
- <script>
- (function( checkboxes, display ) {
- $("table#tabela tbody tr").each(function() // listuje wszystkie wiersze w sekcji tbody
- {
- _this=$(this); // zmienna pomocnicza
- _this.find("input[type='checkbox']").val(_this.find("td:nth-child(2)").text()); // w danym wierszu wyszukuje inputa i daje mu wartosc z pierwszej komorki td w tym wierszu
- });
- function refreshDisplay() {
- var checked = [];
- for ( var i = 0; i < checkboxes.length; i++ ) {
- if ( checkboxes[ i ].checked ) {
- checked.push( checkboxes[ i ].value );
- }
- }
- display.innerHTML = checked.join( ', ' );
- }
- for ( var i = 0; i < checkboxes.length; i++ ) {
- checkboxes[ i ].addEventListener( 'change', refreshDisplay, false);
- }
- } ( document.querySelectorAll( '[name="pacjenci[]"]' ), document.getElementById( 'result' ) ) )
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement