[HTML][JavaScript]Walidacja Checkboxa Opcje

[bubus_s]

Witam.

Posiadam o to taki formularz z checkboxem

[HTML] pobierz, plaintext 
<form name="subscribeform" class="cmxform" id="rej1"   method="post"  action="http://myweb.pl/skrypt.php">
//formularz
 
//checkbox
<input type="checkbox" class="checkbox" id="agree" name="agree" validate="required:true" />
			<br/>
 
                 	Akceptuje <a href="http://myweb.pl/regulamin">regulamin</a>	 i <a href="http://myweb.pl/regulamin">polityke prywatnosci</a>
 
					<label for="agree" class="error block">Zakceptuj Regulamin</label>
</form>
 
[HTML] pobierz, plaintext 

Do tego css:

[CSS] pobierz, plaintext 
label{ width: 100px; float: left; }
label.error { float: none; color: red; padding-left: 15px; vertical-align: top;}
p { clear: both; }
label.sprawdzony   {float: none; background:url("sprawdzony.png") no-repeat 0px 0px; margin-left: 5px; padding-left: 10px;}
[CSS] pobierz, plaintext 

No i dorzućmy js

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">	
 
 
			$.metadata.setType("attr", "validate");
 
$(document).ready(function() {
 
	$("#rej1").validate();
 
});
</script>
[JAVASCRIPT] pobierz, plaintext 

Chce teraz dodać jeżeli checkbox będzie zaznaczony
wyświetlała się grafika taka fajeczka.
W css mam już to zrobione
Teraz do tego kodu js według mnie trzeba dodać jakąś klase czy coś.
Nie wiem jak to zrobić.

[tehaha]

możesz użyć tutaj http://api.jquery.com/click/ wewnątrz dajesz warunek if/else, jeżeli checkbox jest zaznaczony to wyświetlasz obrazek

[flashdev]

możesz użyć tutaj http://api.jquery.com/click/ wewnątrz dajesz warunek if/else, jeżeli checkbox jest zaznaczony to wyświetlasz obrazek

@bubus_s zdecydowanie powinieneś użyć zdarzenia onchange (jQuery: change). Zdarzenie click ma tę wadę, że stan checkboxa można zmieniać również przy pomocy klawiatury.
Click naturalnie tego nie wykryje.

Edit:

Kod

// jQuery
$('#checkbox').change(function(){
var className = 'nazwa_klasy_css';
var id = 'id_obiektu';
if( $(this).attr('checked') ){
$('#'+id).addClass(className);
}else{
$('#'+id).removeClass(className);
}
});

Ten post edytował flashdev 31.08.2010, 18:27:46

[bubus_s]

Zrobiłem coś takiego

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">	
 
 
			$.metadata.setType("attr", "validate");
 
$(document).ready(function() {
 
	$("#rej1").validate();
	$("#rejestracja2").validate();
$('#checkbox').change(function(){
var className = 'sprawdzony';
var id = 'agree';
if( $(this).attr('checked') ){
$('#'+id).addClass(sprawdzony);
}else{
$('#'+id).removeClass(sprawdzony);
}
});
	});
</script>
[JAVASCRIPT] pobierz, plaintext 

Gdzie sprawdzony to nazwa klasy
a agree to id Checkboxa.
Coś nie działa ?
Jest ktoś wstanie pomóc?

[flashdev]

[...]
Gdzie sprawdzony to nazwa klasy
a agree to id Checkboxa.
Coś nie działa ?
Jest ktoś wstanie pomóc?

No jak na razie to praktycznie przepisałeś mój kod, więc musiał bym Ci znaleźć błąd w swoim prawidłowo napisanym kodzie. Bez sensu nieprawdaż?

Ten post edytował flashdev 31.08.2010, 23:20:47

[bubus_s]

Prawda Prawda.

Znając życie w złym miejscu wstawiłem czy coś.

Nie znam Podstaw Js ani Jquery dlatego takie są skutki.

Zależy mi na pomocy.
Jeszcze po rozpoczęciu coś popróbuję ale wątpię żeby się udało.