Forum PHP.pl

mam problem jak rozwiązac takie zadanie (jquery)

mam chceckboxa o okreslonej klasie i chce, aby po zaznaczeniu jego pojawił się okreslony formularz w divie poniżej, a po odznaczeniu zniknął

jak to zrobic?

click + is(':checked') i po sprawie

moze jakis kod, bo jestem zielony w jquery

To najpierw obczaj to
http://api.jquery.com/click/

no dobra napisałem sobie taki kod:

[HTML] pobierz, plaintext 
	 <script type="text/javascript">
		 $(".triggerFrom").click(
			 function () {
 
				 if ($(this).is(":checked"))
				 {
				 	$("#triggerFrom").html('Nazwa nadawcy:<br /><br /><input type="text" name="from_name" /><br /><br />Email nadawcy:<br /><br /><input type="text" name="from_email" /><br /><br />');
				 }
				 else
				 {
					 $("#triggerFrom").html('');
				 }
 
			 }
		 )
 
 
		 </script>
[HTML] pobierz, plaintext 

ale on nie działa, gdzie błąd?

[JAVASCRIPT] pobierz, plaintext 
$('#checbox').click(function() {
	if ($(this).is(':checked')) {
		$('#myForm').show();
	} else {
		$('#myForm').hide();
	}
});
[JAVASCRIPT] pobierz, plaintext 

#myForm zdefiniuj sobie gdzieś w HTMLu i w CSSie daj mu atrybut display:none

Ten post edytował everth 26.07.2010, 21:44:13

ten twój kod też mi nie działa

A to:

[JAVASCRIPT] pobierz, plaintext 
$(".triggerFrom").click(function() {
	myForm = $('Nazwa nadawcy:<br /><br /><input type="text" name="from_name" /><br /><br />Email nadawcy:<br /><br /><input type="text" name="from_email" /><br /><br />');
	if ($(this).is(":checked")) {
		$("#triggerFrom").append(myForm)
	} else {
		myForm.remove();
	}
 
});
[JAVASCRIPT] pobierz, plaintext 

ewentualnie to:

[JAVASCRIPT] pobierz, plaintext 
$(".triggerFrom").click(function() {
	myForm = $('Nazwa nadawcy:<br /><br /><input type="text" name="from_name" /><br /><br />Email nadawcy:<br /><br /><input type="text" name="from_email" /><br /><br />');
	if (!$(this).is(":checked")) {
		$("#triggerFrom").append(myForm)
	} else {
		myForm.remove();
	}
 
});
[JAVASCRIPT] pobierz, plaintext 

heh tak powinien wyglądać poprzedni kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
							 $(document).ready(function() {
								  $('#checkbox').click(function() {
									 if ($(this).is(':checked')) {
										 $('#senderForm').show();
									 } else {
										 $('#senderForm').hide();
									 }
								 });
							 }); 
 
 
							 </script>
[HTML] pobierz, plaintext 

alternatywne rozwiązanie kolegi wyżej (u mnie właśnie rozwiązanie kolegi nie działa)

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(function() {
		$('#checkbox').click(function() {
			if($(this).attr('checked')) {
			....
			} else {
			....
	 }
 });
}); 
</script>
[HTML] pobierz, plaintext 

Ten post edytował vcrproszek 27.07.2010, 14:22:14

A to musi być jQuery?

[HTML] pobierz, plaintext 
<input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
<div id="identyfikator" style="display: none">
	<input type="text" name="nazwa2" disabled="disabled" />
	<input type="text" name="nazwa3" disabled="disabled" />
</div>
[HTML] pobierz, plaintext 

Źródło