steffen: Checkbox "checked" bei anklicken der Zeile Problem

Beitrag lesen

SELF-Forum

Checkbox "checked" bei anklicken der Zeile Problem

steffen
– Informationen zu den Bewertungsregeln

Hallo Forumleser,

so nachdem ich jetzt auf JQuery umgestellt habe, stehe ich vor einem weiteren Problem *cry*

Ich habe eine Tabelle, bei der in der ersten Zeile eine Checkbox ist. Auf klick in die Zeile wird die Checkbox aktiviert/deaktiviert. Klappt auch wunderbar, nur wenn ich jetzt direkt auf die Checkbox klicke habe ich 2 Click-Events.

Hab schon versucht das irgendwie abzufangen. Klappt aber leider nicht :(

Hier mal mein Beispiel, falls ich mich irgendwie unversändlich ausgedrückt habe.

  
<!DOCTYPE html>  
<html>  
<head>  
  <style>  
	table td { border: 1px black solid; padding: 7px;}  
      .selected { background:yellow; }  
      </style>  
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>  
</head>  
<body>  
<form>  
<table>  
	<tr>  
		<td><input type="checkbox"></td>  
		<td>Text</td>  
	</tr>  
	<tr>  
		<td><input type="checkbox"></td>  
		<td>Text</td>  
	</tr>  
	<tr>  
		<td><input type="checkbox"></td>  
		<td>Text</td>  
	</tr>  
	<tr>  
		<td><input type="checkbox"></td>  
		<td>Text</td>  
	</tr>  
</table>  
</form>  
<script>  
	$("table tr:has(td  input:checkbox)").mousedown(function () {  
	if($(this).children().find(":checkbox").is(":checked")){  
		$(this).removeClass("selected");  
	}else{  
		$(this).addClass("selected");  
	}  
	$(this).children().find(":checkbox").click();  
    });  
</script>  
  
</body>  
</html>

Hat jemand irgendeine Idee, wie ich das zum laufen bekomme?

Vielen Dank für jegliche Hilfe
Steffen

Beitrag melden
–
Informationen zu den Bewertungsregeln