Advertisement
Guest User

Untitled

a guest
Aug 10th, 2017
237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.55 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script></head>
  6. <body>
  7. <div>
  8. <table border="1" id="tabela">
  9. <thead>
  10. <tr>
  11. <td>LP.</td><td>ID Pacjenta</td><td>Inicjały</td>
  12. </tr>
  13. </thead>
  14. <tbody>
  15. <tr><td>1</td><td>18838</td><td>PG</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
  16. <tr><td>2</td><td>13737</td><td>SK</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
  17. <tr><td>3</td><td>58234</td><td>MW</td><td><input type="checkbox" name="pacjenci[]"></td></tr>
  18. </tbody>
  19. </table>
  20. </div>
  21. <div>
  22. Wybrani pacjenci: <span id="result"></span>
  23. </div>
  24. <script>
  25. (function( checkboxes, display ) {
  26.  
  27. $("table#tabela tbody tr").each(function() // listuje wszystkie wiersze w sekcji tbody
  28. {
  29. _this=$(this); // zmienna pomocnicza
  30. _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
  31. });
  32. function refreshDisplay() {
  33.  
  34.  
  35. var checked = [];
  36.  
  37. for ( var i = 0; i < checkboxes.length; i++ ) {
  38.  
  39. if ( checkboxes[ i ].checked ) {
  40. checked.push( checkboxes[ i ].value );
  41. }
  42. }
  43.  
  44. display.innerHTML = checked.join( ', ' );
  45. }
  46. for ( var i = 0; i < checkboxes.length; i++ ) {
  47. checkboxes[ i ].addEventListener( 'change', refreshDisplay, false);
  48. }
  49.  
  50. } ( document.querySelectorAll( '[name="pacjenci[]"]' ), document.getElementById( 'result' ) ) )
  51.  
  52. </script>
  53. </body>
  54. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement