radio button

[Layo 10]

Boa noite galera !!!

 

Tenho a seguinte duvida...

 

tenho 2 radios:

 

<input name="teste1" type="radio" value="" />

<input name="teste2" type="radio" value="" />

 

Ao clicar no radio teste 1 mostre esse arquivo

<script type="text/javascript" src="script/teste1.js"></script>

 

Ao clicar no radio teste 2 mostre esse arquivo

<script type="text/javascript" src="script/teste2.js"></script>

 

Se escolher por exemplo o teste1 o teste2 nao podera ser mostrado na tela...

 

quebrei minha cabeça e nao consegui resolver, valeu !!!

[Wanderson Valerio 102]

você tem que colocar o mesmo nome pros dois radio button, e o valor diferente, saca, daí faz a verificação pelo valor (value)

[Layo 10]

<input name="proposta" type="radio" value="teste1" />

<input name="proposta" type="radio" value="teste2" />

 

Ao clicar no radio teste 1 mostre esse arquivo

<script type="text/javascript" src="script/teste1.js"></script>

 

Ao clicar no radio teste 2 mostre esse arquivo

<script type="text/javascript" src="script/teste2.js"></script>

 

Ok entendi ate aqui mais e agora como faço essa verificação ? estou iniciando em js ai estou tendo esse tipo de dificuldade... valeu !!!

[Wanderson Valerio 102]

<script type="text/javascript">
function verificar () {
var proprosta = document.form_name.proposta.value;
if (proposta == "valor 1") {
// Código que executa se for valor 1
} else {
// Código que executa se for valor 2 ou outro
}
}
</script>
<form name="form_name" onsubmit="javascript: return verificar()">
<input name="proposta" type="radio" value="valor 1" />
<input name="proposta" type="radio" value="valor 2" />
</form>

[Layo 10]

Cara obrigado deu certo, estou conseguindo recuperar os valores o unico problema é que nao estou conseguindo recuperar na tela como eu faço para criar uma variavel e depois utilizar no codigo

 

<script type="text/javascript">
function verificar () {

var proprosta = document.form_name.proposta.value;
if (proposta == "valor_1") {
/* COLOCAR A VARIAVEL AQUI PARA UTILIZAR NO CODIGO
mostrar isso na tela <script type="text/javascript" src="script/teste.js"></script> */
} 
else {
/* SEGUNDA VARIAVEL
mostrar isso na tela <script type="text/javascript" src="script/teste2.js">*/
}

}
</script>
<form name="form_name" onsubmit="javascript: return verificar()">
<input name="proposta" type="radio" value="valor_1" />teste
<input name="proposta" type="radio" value="valor_2" />teste2
<label>
<input type="submit" name="button" id="button" value="Submit">
</label>
</form>

[Wanderson Valerio 102]

você vai imprimir na tela, ou você quer usá-lo para o seu site?

[Layo 10]

Fala ai Wanderson ? primeiramente obrigado a ajuda...

 

Entao o esquema eh o seguinte.

 

Eu tenho um formulario pessoa fisica e outro juridica..

 

Ao clicar do radio button fisica abre o form de pessoa fisica

 

Ao clicar do radio button juridica abre o form de pessoa juridica

 

Cada form tem uma validacao separada queria que ao clicar no radio button fisica imprimisse no codigo fonte:

 

<script type="text/javascript" src="../js/validacao-form-fisica.js"></script>

 

Ao clicar no radio button pessoa juridica

 

<script type="text/javascript" src="../js/validacao-form-juridica.js"></script>

[Wanderson Valerio 102]

Seus problemas acabaram, isso não é necessário, você pode apenas chamar as duas validações na página, e trocar o nome do formulário para cada validação. Ou então pode fazer a validação dentro do if lá, lembra? Se for do form de fisica, faz a validação no primero, se não, faz a segunda validação.

[Layo 10]

Eu fiz assim ele nao deu certo

 

<script type="text/javascript">
function verificar () {

var proprosta = document.form_propostas.proposta.value;
if (proposta == "juridica") {
<?
echo '<script type="text/javascript" src="../js/validacao-form-juridica.js"></script>'
?>
} 
else {
<?
echo '<script type="text/javascript" src="../js/validacao-teste.js"></script>'
?>
}

}
</script>

[Wanderson Valerio 102]

Você quer que execute isso quando o formulário for submetido, ou em tempo real, quando o documento for carregado?

[Layo 10]

entao seria quando clicar no radio button ai ele mostrar a validação correspondente a fisica ou a juridica...

[Wanderson Valerio 102]

então você faz assim:

 

<script type="text/javascript">
function validar (campo_nome) {
if (nome_do_form.campo_nome.value == "fisica") {
// Validação da pessoa física
} else {
// Validação da pessoa jurídica
}
}
</script>

<form name="nome_do_form">
<input type="radio" name="proposta" onchange="validar ("proposta");" value="fisica" />
<input type="radio" name="proposta" onchange="validar ("proposta");" value="juridica" />
</form>

[Layo 10]

Cara estamos quase lah rsrsrs olha o que eu fiz eu clico no radio e nao mostra na tela os dados:

 

<script type="text/javascript">
function validar (proposta) {
if (form.proposta.value == "fisica") {
window.document.write("Pessoa fisica"); 
} else {
window.document.write("Pessoa Juridica"); 
}
</script>

<form name="form">
<input type="radio" name="proposta" onchange="validar ("proposta");" value="fisica" />
<input type="radio" name="proposta" onchange="validar ("proposta");" value="juridica" />
</form>

[Wanderson Valerio 102]

tira:

 

window.document.write("Taranran");

 

por

document.write("Taranran");

 

e ve

[Layo 10]

entao cara nao deu certo ele continua sem mostrar nada na tela