Ir para conteúdo
Fórum Script Brasil
  • 0

Script para inibir campo de form selecionado.


Tesoni

Pergunta

Olá pessoal, boa tarde.

Estou desenvolvendo um formulário com opções de "checkbox", pois bem, alguém poderia me ajudar da seguinte maneira: qaundo o usuário selecionar uma das opções, fazer com que os outros "checkbox" fiquem inibidos? Ou seja se o usuário escolher Campinas inibir as opções Jundiai e Valinhos e vice-verca? Já tentei de várias formas mas sempre acusa erro.

Segue o código:

<p>Campinas - 2
  <input name="Campinas 2" type="checkbox" id="Campinas 2" />
  3
  <input type="checkbox" name="Campinas 3" id="Campinas 3" />
  4
  <input type="checkbox" name="Campinas 4" id="Campinas 4" />
  6
  <input type="checkbox" name="Campinas 6" id="Campinas 6" />
  pessoas</p>
<p>Jundiai - 6
  <input type="checkbox" name="Jundiai 6" id="Jundiai 6" />
  pessoas  </p>
<p>Valinhos - 3
  <input type="checkbox" name="Valinhos 3" id="Valinhos 3" />
  6
  <input type="checkbox" name="Valinhos 6" id="Valinhos 6" />
  pessoas </p>

Agradeço a ajuda.

Tesoni

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Porq você não utiliza o elemento to tipo radio?

<form>

<input type="radio" name="campinas" value="campinas 1" />campinas 1<br />
<input type="radio" name="campinas" value="campinas 2" />campinas 2<br />
<input type="radio" name="campinas" value="campinas 3" />campinas 3<br />
<input type="radio" name="campinas" value="campinas 4" />campinas 4<br />

</form>

Link para o comentário
Compartilhar em outros sites

  • 0

Olá Romero, obrigado pela ajuda.

Mas cada cidade tem opções diferentes, poe exemplo, em Campinas ele poderá ativar as 1, 2, 3 ou 4 opções e quando isso acontecer, as outras duas cidades deverão ficar enable.

Em Jundiai apenas 1 opção, se selecionada as outras duas cidades deverão também ficar enable.

Em Valinhos poderá também selecionar uma ou as duas opções, mas as outras duas cidades deverão também ficar enable.

Campinas 4 "radio" ou "checkbox"

Jundiai 1 "radio" ou "checkbox"

Valinhos 2 "radio" ou "checkbox"

Estou tentando usar a variável "if" mas ainda sem sucesso.

Tks

Porq você não utiliza o elemento to tipo radio?

<form>

<input type="radio" name="campinas" value="campinas 1" />campinas 1<br />
<input type="radio" name="campinas" value="campinas 2" />campinas 2<br />
<input type="radio" name="campinas" value="campinas 3" />campinas 3<br />
<input type="radio" name="campinas" value="campinas 4" />campinas 4<br />

</form>

Link para o comentário
Compartilhar em outros sites

  • 0

Olha só, ainda não funcionou...

<script language="JavaScript" >
function enviardados(){

if (document.dados.Campinas.value=="")
{
alert( "Por favor selecione apenas uma colônia!" );
document.dados.Campinas2.focus();
return false;
}

if (document.dados.Campinas.value=="")
{
alert( "Por favor selecione apenas uma colônia!" );
document.dados.Campinas3.focus();
return false;
}

if (document.dados.Campinas.value=="")
{
alert( "Por favor selecione apenas uma colônia!" );
document.dados.Campinas4.focus();
return false;
}

if (document.dados.Campinas.value=="")
{
alert( "Por favor selecione apenas uma colônia!" );
document.dados.Campinas6.focus();
return false;
}

if (document.dados.Jundiai.value=="")
{
alert( "Por favor selecione apenas uma colônia!!" );
document.dados.Jundiai6.focus();
return false;
}

if (document.dados.Valinhos.value=="")
{
alert( "Por favor selecione apenas uma colônia!!" );
document.dados.Valinhos3.focus();
return false;
}

if (document.dados.Valinhos.value=="")
{
alert( "Por favor selecione apenas uma colônia!" );
document.dados.Valinhos6.focus();
return false;
}

return true;
}

</script>
</head>

<body>
<form>
<p>Campinas
2<input type="radio" name="campinas" value="campinas 2" />
3<input type="radio" name="campinas" value="campinas 3" />
4<input type="radio" name="campinas" value="campinas 4" />
6<input type="radio" name="campinas" value="campinas 6" />pessoas</p>
<p>Jundiai
6<input type="checkbox" name="Jundiai" value=="Jundiai 6" />pessoas  </p>
<p>Valinhos
3<input type="checkbox" name="Valinhos" value=="Valinhos 3" />
6<input type="checkbox" name="Valinhos" value=="Valinhos 3" />
<input type="checkbox" name="Valinhos" value=="Valinhos 6" />pessoas  </p>
</form>

Eu acho que você poderia ter melhores resultados com javascript
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...