[JavaScript]zmiana css wiersza w tabeli po zaznaczeniu lub odznaczeniu checkboxa Opcje

[uki8877]

Witam

Czy w js mozna cos takiego wykonac ?

zalozmy ze mamy taki kod >

[HTML] pobierz, plaintext 
<tr class="">
   <td><input type="checkbox" class="checkboxField"  ></td>
</tr>
<tr class="">
   <td><input type="checkbox" class="checkboxField"  ></td>
</tr>
<tr class="">
   <td><input type="checkbox" class="checkboxField"  ></td>
</tr>
<tr class="">
   <td><input type="checkbox" class="checkboxField"  ></td>
</tr>
[HTML] pobierz, plaintext 

i chcialbym aby po zaznaczeniu checkboxa do wiersza w ktorym znajduje sie ten checkbox zostala dodana jakas klasa. jest to mozliwe ?

[mariolita]

w JQUERY moze być?

[XML] pobierz, plaintext 
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
 
<script>
 
$( document ).ready(function() {
 
  $(".checkboxField").click( function() {
 
      $(this).addClass("innaKLASA");
 
  });
 
});
 
</script>
[XML] pobierz, plaintext 

https://jsfiddle.net/a4ojgcm1/

[uki8877]

moze byc w jQuery, tylko Twoj kod dodaje klase do checkboxa ,a nie do wiersza tabeli

[mariolita]

https://jsfiddle.net/zocLn58r/

[XML] pobierz, plaintext 
<table id="tabela" border="1" align="center">
 
<tr class="">
   <td ><input type="checkbox" class="checkboxField"  ></td>
</tr>
 
<tr class="">
   <td ><input type="checkbox" class="checkboxField"  ></td>
</tr>
 
<tr class="">
   <td ><input type="checkbox" class="checkboxField"  ></td>
</tr>
 
<tr class="">
   <td ><input type="checkbox" class="checkboxField"  ></td>
</tr>
 
</table>
 
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
 
<script>
 
$(document).ready(function(){
 
	$(".checkboxField").click(function(){
 
		$('#tabela input[type="checkbox"]:checked').each(function(){
 
			$(this).parents('tr').addClass("dodanaKlasa");
 
			alert($(this).parents('tr').attr("class"));
 
		});
 
	});
 
});
 
</script>
[XML] pobierz, plaintext 

[uki8877]

OKI, a jesli chcialbym odwolac sie nie do rodzica (tr) tylko do kolumny (td) o jakiejs klasie ?
czyli mam kod:

<tr class="">
<td class="age">20</td>
<td><input type="checkbox" class="checkboxField" ></td>
</tr>
<tr class="">
<td class="age">21</td>
<td><input type="checkbox" class="checkboxField" ></td>
</tr>

probowalem tak :

[PHP] pobierz, plaintext 
alert($this.parent().siblings().find('td .age').text());
[PHP] pobierz, plaintext 

jednak alert nic nie wyswietla, konsola rowniez. Jakies pomysly ?

ok ,pomogło ->

[PHP] pobierz, plaintext 
alert($this.parent().siblings(".age").text());
[PHP] pobierz, plaintext