Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]Odznaczanie radio
pablosso
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.05.2011

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">					
  4. 	function platpllista()
  5. 	{
  6. 		if(document.getElementById("platpl").style.display == "block")
  7. 		{
  8. 			document.getElementById("platpl").style.display = "none";
  9. 		}
  10. 		else
  11. 		{
  12. 			document.getElementById("platpl").style.display = "block";
  13.  
  14. 		}
  15. 	}
  16.  
  17. 	function platplhide()
  18. 	{
  19. 		document.getElementById("platpl").style.display = "none";
  20. 		document.getElementsByName("platpl_radio").checked == false;
  21. 	}
  22. </script>
  23. </head>
  24. <body>
  25. <form name="order_details" method="POST">
  26. <table>
  27. 	<tr>
  28. 		<th colspan=2>asdasd:</th>
  29. 	</tr>
  30. 	<tr>
  31. 		<td style="width: 25px;">
  32. 			<input type=radio name=platnosc id="a1" value="" onClick="platplhide();"></td><td>
  33. 			<label for="a1">INPUT a1</label>
  34. 		</td>
  35. 	</tr>
  36. 	<tr>
  37. 		<td>
  38. 			<input type=radio name=platnosc id="a2" value="" onClick="platplhide();"></td><td>
  39. 			<label for="a2">INPUT a2</label>
  40. 		</td>
  41. 	</tr>
  42. 	<tr>
  43. 		<td style="width: 25px;">
  44. 			<input onClick="platpllista();" type="radio" name="platpl_radio" value="" id="asd"></td><td>
  45. 			<label for="asd">asdasdsadasdas</label>
  46. 			<div id="platpl" style="display:none;">
  47. 				<table>						
  48. 					<tr>
  49. 						<td>
  50. 							<input type=radio name=platnosc id="1" value=""></td><td>
  51. 							<label for="1">INPUT 1</label>
  52. 						</td>
  53. 					</tr>
  54. 					<tr>
  55. 						<td>
  56. 							<input type=radio name=platnosc id="2" value=""></td><td>
  57. 							<label for="2">INPUT 2</label>
  58. 						</td>
  59. 					</tr>
  60. 				</table>
  61. 			</div>
  62. 		</td>
  63. 	</tr>
  64. </table>
  65. </form>
  66. </body>
  67. </html>
[HTML] pobierz, plaintext


Potrzebuje coś takiego, że gdy już zaznaczę radio "asdasdsadasdas" i się rozwinie lista, a następnie jak będę chciał ją schować poprzez kliknięcie na niego jeszcze raz, albo na któryś z "INPUT a1" lub "INPUT a2" to radio "asdasdsadasdas" się odznacza. Oraz jak zrobić żeby radio od "asdasdsadasdas" zostawało na górze po rozwinięciu listy?
Go to the top of the page
+Quote Post
gac3k
post
Post #2





Grupa: Zarejestrowani
Postów: 90
Pomógł: 8
Dołączył: 28.07.2009

Ostrzeżenie: (0%)
-----

nie całkiem rozumiem pytanie, ale nie lepiej stosować checkboxy?
Go to the top of the page
+Quote Post
pablosso
post
Post #3





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.05.2011

Ostrzeżenie: (0%)
-----

http://imageshack.us/f/202/123spk.png/
Nr 1 i 4 to domyślnie jak wygląda. Nr 2 i 5 to jak pokazuje listę, jakbym chciał żeby wyglądało (nr 5). Nr 3 i 6 po schowaniu listy i jakbym chciał żeby wyglądało (nr 6).
Czyli po rozwinięciu listy, żeby radio było na górze jak na obrazku nr 5 i po zwinięciu listy, żeby radio, które rozwija listę było odznaczone.
Go to the top of the page
+Quote Post
kudlatypawelek
post
Post #4





Grupa: Zarejestrowani
Postów: 46
Pomógł: 5
Dołączył: 30.06.2011

Ostrzeżenie: (0%)
-----

Sugeruję użycie jQuery do manipulacji stanami radiobuttonów. Kwestia ułożenia INPUT1 i INPUT2 dotyczy htmla i css.
Go to the top of the page
+Quote Post
pablosso
post
Post #5





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.05.2011

Ostrzeżenie: (0%)
-----

Z odznaczaniem sobie poradziłem.
A jak zrobić, żeby te radio było na górze przy otwarciu listy? Bo chodzi o to, żeby lista się pojawiała w tym miejscu, ale żeby radio zostawało w miejscu.

Ten post edytował pablosso 28.07.2011, 10:14:49
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 19:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn