jQuery - Check the check (2)

Jetzt möchte ich die Checkbox abfragen (Label - Input - check)

by juErik

HTML

<table border="0">
       <tr><td class="tLabel">Quelle</td>      <td><input type="text" readonly /></td><td><input type="checkbox" /></td></tr>
       <tr><td class="tLabel">Datum</td>       <td><input type="text" readonly /></td><td><input type="checkbox" /></td></tr>
       <tr><td class="tLabel">Ort</td>         <td><input type="text" readonly /></td><td><input type="checkbox" /></td></tr>
   </table>
   <br />                 
<button>Check the Check</button>                    
<p id='out'></p>

CSS

/* kleine Spielerei die nicht nötig ist */
td{
    cursor: pointer;
}

JavaScript

// Jetzt möchte ich die Checkbox abfragen (if this.checked)

// Vorbelegen der inputs, die daten können aus einem Formular oder einer DB stammen - ich schreibe sie hier manuel
var obj  = $('input[type="text"]');
obj.eq(0).val( 'Name des Urhebers' );
obj.eq(1).val( '20.04.2009' );
obj.eq(2).val( 'Musterhausen' );

// Ich möchte die Checkbox triggern (an / oder aus zustand verändern) indem ich irgendwo in der Zeile clicke
// Hier kann man sich zu nutze machen, dass der Index der Zeile = der Index der Checkbox ist
  $('input[type="text"]').click(function(){ // ganze Zeile
       var i = $('input[type="text"]').index(this);
       //var i = $(this).index();
       $( 'input[type="checkbox"]' ).eq(i).trigger('click');
  }); // ------------------------------------------------


  $('button').click(function(){ // Button
        //alert('Check');
      $('#out').html(''); // remove      
      var obj  = $('input[type="checkbox"]');
    obj.each(function( index ) {  // durchläuft alle checkboxen

        //if(this.checked){
            var check = this.checked;
            var label = $('.tLabel').eq(index).text();
              var val = $('input[type="text"]').eq(index).val();
            var msg   = label +' | ' +val + ' | ' +check;
                 msg += '<br />';
            $('#out').append(msg);
        //}
        
    }); // ---- /each      
      
  }); // ------------------------------------------------