Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 31st, 2012  |  syntax: None  |  size: 1.29 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Fetch content of next td on checkbox click
  2. <table>
  3.     <tr>
  4.         <td>
  5.             <input type=checkbox name=t>
  6.         </td>
  7.         <td width=25%>
  8.             FOOBAR
  9.         </td>
  10.         <td width=73%>
  11.             BAZ
  12.         </td>
  13.     </tr>
  14.     <tr>
  15.         <td>
  16.             <input type=checkbox name=t>
  17.         </td>
  18.         <td width=25%>
  19.             FOO
  20.         </td>
  21.         <td width=73%>
  22.             BAR
  23.         </td>
  24.     </tr>
  25. </table>
  26.        
  27. var c=new Array();
  28. c=window.document.getElementsByTagName('input');
  29. for(var i=0;i<c.length;i++)
  30. {
  31.     if(c[i].type=='checkbox')
  32.     {
  33.         alert(c[i].parentNode.parentNode.rows[0].innerHTML);
  34.     }
  35. }
  36.        
  37. var c = [];
  38.  
  39. c = window.document.getElementsByTagName('input');
  40.  
  41. for (var i = 0; i < c.length; i++) {
  42.     if (c[i].type == 'checkbox') {
  43.         c[i].onchange = function() {
  44.             if (this.checked){
  45.                 console.log(this.parentNode.nextElementSibling.firstChild.nodeValue.trim());
  46.             }
  47.         };
  48.     }
  49. }​
  50.        
  51. ​$('input:checkbox').live('click', function() {
  52.        alert($(this).parent().next('td').text());
  53.     });​​​​​​​​​​​​​​​
  54.        
  55. $('[type=checkbox]').on('click', function(){
  56.   var html;
  57.   if($(this).is(':checked')) {
  58.     html = $(this).parent().next('td').html();
  59.     alert(html);
  60.   }
  61. });