Advertisement
Guest User

Untitled

a guest
Jul 27th, 2017
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.29 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="javas.js"></script>
  6. <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" ></script>
  7. </head>
  8. <body>
  9. <div>
  10.     <table border="1">
  11.      <thead>
  12.         <tr>
  13.         <td>Numer pacjenta</td><td>Inicjały</td>
  14.         </tr>
  15.      </thead>  
  16.      <tbody>
  17.         <tr><td>100</td><td>MW</td><td><input type="checkbox" value="1" name="pacjenci[]"></td></tr>
  18.         <tr><td>2</td><td>SK</td><td><input type="checkbox" value="2" name="pacjenci[]"></td></tr>
  19.      </tbody>
  20.     </table>
  21. </div>
  22. <div>
  23. Wybrani pacjenci: <span id="result"></span>
  24. </div>
  25. <script>
  26. $('tr').find('td:contains(MW):eq(0)').each(function(){
  27.         $(this).css('background', 'red');
  28.     });
  29. (function( checkboxes, display ) {
  30.    
  31.   function refreshDisplay() {
  32.  
  33.   var checked = [];
  34.    
  35.    for ( var i = 0; i < checkboxes.length; i++ ) {
  36.  
  37.      if ( checkboxes[ i ].checked ) {
  38.         checked.push( checkboxes[ i ].value );
  39.      }
  40.    }
  41.  
  42.     display.innerHTML = checked.join( ', ' );
  43.  }
  44.  for ( var i = 0; i < checkboxes.length; i++ ) {
  45.     checkboxes[ i ].addEventListener( 'change', refreshDisplay, false);
  46.  }
  47. refreshDisplay();
  48. } ( document.querySelectorAll( '[name="pacjenci[]"]' ), document.getElementById( 'result' ) ) )
  49. </script>
  50. </body>
  51. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement