Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Goda

Radio Button

Por , em Javascript

Recommended Posts

Goda    0

Goda
Postado

Fala ae galera!!

 

Estou com um problema e sou meio novo nessa parte de script.

 

Tenho em minha pagina, uma parte de reserva:

Quero colocar um campo que você escolha entre TKT e PCT

Quando você escolher esse campo, embaixo dessa escolha eu tenho: Nome do Passageiro, tipo e produtos só que são 15 campos desses um embaixo do outro.

O que eu quero fazer é, quando escolher TKT:

No campo produtos ele colocar TKT Nacional e TKT Internacional

quando escolher PCT

No campo produtos ele colocar PCT Nacional e PCT Internacional

 

Não faço a minima idéia de como fazer isso.

alguem poderia me ajudar??

 

Obrigado!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<script type="text/javascript">



function Mostra(valor)



{



	if(valor == "pct"){



		document.getElementById("pct").style.display = "block";



		document.getElementById("tkt").style.display = "none";



	}



	else if(valor == "tkt"){



		document.getElementById("pct").style.display = "none";



		document.getElementById("tkt").style.display = "block";



	}



}



</script>



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />



<title>Untitled Document</title>



</head>


 



<body onload="Mostra('pct')">



<form name="form">



PCT: <input type="radio" value="pct" name="radio" onchange="Mostra(this.value)" checked="checked" /><br />



TKT: <input type="radio" value="tkt" name="radio" onchange="Mostra(this.value)"/>


 



<br /><br /><br />


 



<label id="pct">



PCT Nacional <input type="text" name="pct_nacional" /><br />



PCT Internacional <input type="text" name="pct_internacional" /><br />



</label>


 



<label id="tkt">



TKT Nacional <input type="text" name="pct_nacional" /><br />



TKT Internacional <input type="text" name="pct_internacional" /><br />



</label>



</form>



</body>



</html>


 







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Goda
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Goda
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Valeu Dee,


 


Mais eu queria ele mais ou menos assim:


Só que quando tento colocar mais 14 campos de produtos ele não funciona.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<script language="javascript">

function escolhe(id)
{        
    if(id == 1)                
   {
	document.getElementById("campo").innerHTML = "Produtos: <select name=produto1><option value=TKT>TKT</option><option value=TKTF>TKT F</option>";
}
    else if(id == 2)
    {
    document.getElementById("campo").innerHTML = "Produtos: <select name=produto1><option value=TAMF>Tam Viagens</option>";
   }
}
</script>
<title>Untitled Document
</title>
</head>
<body onload="escolhe(1)">

<input type="radio" value="TKT" name="tkt" onclick="javascript:escolhe(1)" checked="true"/>TKT 
<input type="radio" value="Tam Viagens" name="pct" onclick="javascript:escolhe(2)" />Tam Viagens

<br />
<br />
<table border=0 cellspacing=2 cellpadding=1>
<tr>
<td><div id="campo"></div></td>
</tr>
<tr>
<td><div id="campo"></div></td>
</tr>
</body>
</html>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Dee
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Dee
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<script language="javascript">

function escolhe(id)
{
if(id == 1)
{
document.getElementById("campo").innerHTML = "Produtos: <select name=produto1><option value=TKT>TKT</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option><option value=TKTF>TKT F</option>";
}
else if(id == 2)
{
document.getElementById("campo").innerHTML = "Produtos: <select name=produto1><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option><option value=TAMF>Tam Viagens</option>";
}
}
</script>
<title>Untitled Document
</title>
</head>
<body onload="escolhe(1)">

<input type="radio" value="TKT" name="radio" onclick="javascript:escolhe(1)" checked="true"/>TKT
<input type="radio" value="Tam Viagens" name="radio" onclick="javascript:escolhe(2)" />Tam Viagens

<br />
<br />
<table border=0 cellspacing=2 cellpadding=1>
<tr>
<td><div id="campo"></div></td>
</tr>
<tr>
<td><div id="campo"></div></td>
</tr>
</table>
</body>
</html> 



 


você tem esses campos em alguma tabela no banco de dados... se tiver fica mais facil de popular eles por meio de ajax.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Goda
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Goda
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Então na verdade o sistema funciona assim:


  Eu que escolho o tipo de produto, eu iria colocar em cima disso um radio button dividido em pct e tkt e quando eu clica-se neles os campos de produtos do 1 a 15 ja mudaria, se fosse pct ele colocaria os 15 campos com option= PCT Nac e outro option=PCT Int, e vale o mesmo para TKT     tem como fazer isso?




	<table border=0 cellspacing=2 cellpadding=1>
	<tr>
		<td> </td><td><font size=2><b>Sobrenome/Nome</td>
		<td><font size=2><b>Tipo</td>
		<td><font size=2><b>Produtos</td>
		<td><font size=2><b><center>Numero E-Ticket / File</td>
		<td><font size=2><b><center>Tarifa R$</td>
		<td><font size=2><b><center>TXE R$</td>
		<td><font size=2><b><center>Rentabilidade</td>
	</tr>
	<tr>
		<td><font size=2 color=red><b>1</td><td><input type=text size=50 name=pax1></td>
		<td><select name=tipo1><option value=ADT>ADT</option><option value=CHD>CHD</option><option value=INF>INF</option></td>
		[b]<td><select name=produto1><option value=TKT>TKT</option><option value=TKTF>TKT F</option><option value=TAMF>Tam Viagens</option></td>[/b]
		<td><input type=text name=eticket1 size=20></td>
		<td><input type=text name=tarifa1 size=10 onBlur="SomaTarifa();"></td>
		<td><input type=text name=txe1 size=6></td>
		<td><input type=text name=rent1 size=6></td>
	</tr>
	<tr>
		<td><font size=2 color=red><b>2</td><td><input type=text size=50 name=pax2></td>
		<td><select name=tipo2><option value=ADT>ADT</option><option value=CHD>CHD</option><option value=INF>INF</option></td>
		[b]<td><select name=produto2><option value=TKT>TKT</option><option value=TKTF>TKT F</option><option value=TAMF>Tam Viagens</option></td>[/b]
		<td><input type=text name=eticket2 size=20></td>
		<td><input type=text name=tarifa2 size=10></td>
		<td><input type=text name=txe2 size=6></td>
		<td><input type=text name=rent2 size=6></td>
	</tr>




			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito