Wert einer Tabellenzelle auslesen

Schmakus · 20. Mai 2015

Hi,

ich möchte aus der unten stehenden Tabelle bei Änderung der Checkbox den Wert aus der Spalte "ID" auslesen in der Zeile wo sich die Checkbox befindet:

HTML

<table class="table table-bordered table-stripped table-hover table-condensed" id="table_auth_request_pending">
  <thead>
    <tr>
      <th>ID</th>
			<th>Platz</th>
			<th>Client</th>
			<th>eMail</th>
			<th>Begründung</th>
      <th>Berechtigung</th>
     </tr>
  </thead>
	<tbody>
		<tr>
			<th>1</th>
			<th>Büro</th>
			<th>10.96.1.10</th>
			<th>test@test.de</th>
			<th>Einfach so</th>
			<th><input type="checkbox" name="pending"></th>
		</tr>
		<tr>
			<th>2</th>
			<th>Flur</th>
			<th>10.96.1.13</th>
			<th>test@test.de</th>
			<th>Einfach so</th>
			<th><input type="checkbox" name="pending"></th>
		</tr>
		<tr>
			...
		</tr>
	</tbody>
</table>

Alles anzeigen

Die Checkbox habe ich mit dem Bootstrap Plugin "Bootswich" modifiziert und reagiere wie folgt darauf:

JavaScript

$('input[name="pending"]').on('switchChange.bootstrapSwitch', function(event, state) {




});

Wie gehe ich nun vor?

Grüße
Schmakus

wolf · 20. Mai 2015

Dazu brauchst du einen bisschen komplizierten selektort
Was ist das switchChange? reagiert das beim klicken? naja, nehmen wir das mal an

DU MUSST DAS HTML NOCH RICHTIG SCHREIBEN, du wendest TH dort an wo es nicht hin gehört.. schau mal http://www.mediaevent.de/xhtml/td.html

ausnahmsweise

JavaScript

$('input[name="pending"]').on('switchChange.bootstrapSwitch', function(event, state) {
  var id,//später die ID
      content,//später der Inhalt des TD
      $this = $(this),//hier steckt das Input drinn
      $parent = $this.parent();//das Eltern-TR




  content = $parent.find('td:first-child()').text();//nehmen wir mal an im ersten TD steckt die ID -> suchen wir mal nach dem ersten TD im eltern-TR
  id = parseInt(content);//content zu einer ganz-zahl umwandeln




  //mach irgendwas mit der ID
  alert(id);
});




//HIER NOCH DIE KURZSCHREIBWEISE
/*
$('input[name="pending"]').on('switchChange.bootstrapSwitch', function(event, state) {
  var id = parseInt($(this).parent().find('td:first-child()').text());




  //mach irgendwas mit der ID
  alert(id);
});
//*/

Alles anzeigen

Achja, wenn du die Tabelle sowieso mit PHP o.ä. generierst, dann setze der checkbox doch einfach das Atribut 'data-id' uns lies das aus, geht viel schneller..

JavaScript

$('input[name="pending"]').on('switchChange.bootstrapSwitch', function(event, state) {
  var id = $(this).attr('data-id');//die ID ausgelesen aus dem Attribut der checkbox




  //mach irgendwas mit der ID
  alert(id);
});

Wert einer Tabellenzelle auslesen

Jetzt mitmachen!

Teilen