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

Script para inibir campo de form selecionado.

Tesoni

Perguntado por Tesoni,

 Share

Pergunta

Tesoni

Tesoni

Postado
Postado

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
Romero Dias

Romero Dias

Postado
Postado

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
Tesoni

Tesoni

Postado
  • Autor
Postado

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
Tesoni

Tesoni

Postado
  • Autor
Postado

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

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