Forum PHP.pl

Kiedyś miałem już ten problem, ale obszedłem go trochę inaczej i dałem sobie spokój. Teraz temat powrócił, ale pytam bardziej z ciekawości, bo sytuacja jest dla mnie trochę nielogiczna.

Mam prościutki kod HTML:

[HTML] pobierz, plaintext 
<form action="#" method="post">
	<label><input type="radio" name="test" value="1" /> test label (click here)</label><br />
	<input id="inp2" type="radio" name="test" value="1" /> Another input without label
</form>
[HTML] pobierz, plaintext 

A do niego podpięty równie prosty kod JS:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
	$('label').click( function(){
		alert('1');
	});
	$('#inp2').click( function(){
		alert('2');
	});
});
[JAVASCRIPT] pobierz, plaintext 

W działaniu wygląda to tak.

I teraz tak:
- po kliknięciu w pierwsze pole radio pokazuje się alert: 1 - OK.
- po kliknięciu w drugie pole radio pokazuje się alert: 2 - też OK.
- po kliknięciu na napis test label (click here) również pokazuje się alert: 1, ale dwukrotnie. Moje pytanie brzmi - dlaczego tak się dzieje?

Dla bardziej dociekliwych dodam, że change( callback ) nie przyda mi się ze względu na to, że pod IE callback jest wykonywany dopiero w momencie zdjęcia focusa z pola radio.

Ten post edytował sowiq 28.08.2009, 01:26:35