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

Desabilitando checkbox


Tesoni

Pergunta

Olá pessoal, vi um tópico antigo sobre checkbox, segue abaixo dois modelos.

Estou desenvolvendo um formulário com opções de "checkbox", a opção "radio" não funciona, pois bem, alguém poderia me ajudar da seguinte maneira: quando o usuário selecionar uma das opções, fazer com que os outros "checkbox" - Cidades - fiquem inibidos? Ou seja, se o usuário escolher Campinas, inibirá automaticamente as opções Jundiai e Valinhos e vice-verca? Escolhendo Campinas, devederá habilitar todas as opções 2,3,4 e 6 ou uma única. Jundiaí é uma só mesmo, mas se escolhida desabilitar as outras duas cidades. Valinhos são 3 opções o usuário poderá habilitar a 3,6 ou ambas. Já tentei de várias formas mais sempre acusa erro.

Como eu aplicaria o exemplo no meu form? Alguém poderia me ajudar?

Obrigado.

<html>
<head>
<title>Untitled</title>
<script language="javascript">
<!--DESBLOQUEAR CHECKBOX
function desbloquear(){
    if(document.getElementById('checkbox4').disabled == true){
        document.getElementById('checkbox4').disabled = false;
    }else{
        document.getElementById('checkbox4').disabled = true;
    }
}
// -->
</script></head>

<body>
<input type="checkbox" name="checkbox3" value="chk3" onclick = "desbloquear();" /><br />
<input type="checkbox" id="checkbox4" name="chk4" value="checkbox4" disabled="disabled" />
</body>
</html>
  
Segue o meu form:
<form>
<p>Campinas<br />
2<input type="checkbox" name="campinas" value="campinas 2" />
3<input type="checkbox" name="campinas" value="campinas 3" />
4<input type="checkbox" name="campinas" value="campinas 4" />
6<input type="checkbox" name="campinas" value="campinas 6" />pessoas</p>
<p>Jundiai<br />
6<input type="checkbox" name="Jundiai" value=="Jundiai 6" />pessoas  </p>
<p>Valinhos<br />
3<input type="checkbox" name="Valinhos" value=="Valinhos 3" />
6<input type="checkbox" name="Valinhos" value=="Valinhos 6" />pessoas  </p>
<p>
  <label>
  <input type="submit" name="button" id="button" value="Submit">
  </label>
</p>
</form>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

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,3k
×
×
  • Criar Novo...