Checkbox Limitado !

#1 John Frusciante

Turista

Usuários
35 posts

Sexo:Masculino

Posted 13/07/2009, 09:36

Ola pessoal,

Seguinte, o que eu quero fazer, é fazer uma limitação nas escolhas das respostas usando checkbox e ao selecionar o campo "Outros" ele habilite o campo para digitar outra opção.

Ex.:
O que mais gosta do fórum da WMOnline? (selecione até 3 opções):

1. [ ] Soluções
2. [ ] Tutoriais
3. [ ] Profissionais de qualidade para fazer freelas
4. [ ] Organização
5. [ ] Layout
6. [ ] Administração
7. [ ] Outros. O que? [_______] (campo habilitado após escolhar da opção "Outros")

to axando que é algo simples, mas como sou iniciante nessa área sinto dificuldade em fazer, e não consigo achar algo do tipo para poder ter uma idéia.

agradeço a atenção !
abrçs

Edição feita por: John Frusciante, 13/07/2009, 09:38.

#2 Maykel Esser

Super Veterano

Usuários
1536 posts

Sexo:Masculino
Localidade:Curitiba - PR

Posted 13/07/2009, 11:45

aí não é no PHP amigo, pergunte pra galera de Javascript! vou mover seu tópico

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!

#3 Renan L. Queiroz

Mestre

Usuários
690 posts

Sexo:Masculino
Localidade:Brasilia - DF

Posted 13/07/2009, 17:10

Cara, que trenzim véi doido! rs.

Acho que é isso que quer:

<!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>		<title> Limite de Checkbox </title>		<script>			var limite = 3;			function mostraDivOutros(objChb){				var div = document.getElementById('divOutros').style;				if (div.display != 'block' && objChb.checked == true){					div.display = 'block';				}				else{					div.display = 'none';				}			};			function verificaNumChecks(objChb){				var checksMarcados = 0;				var form = document.nm_frmQuestoes;				for (i = 0 ; i < form.nm_chbResposta.length ; i++){					if (form.nm_chbResposta[i].checked == true){						checksMarcados += 1;					}				}				if (checksMarcados > limite){					if (objChb.checked == true){						objChb.checked = false;					}					else{						objChb.checked = false;					}								}			};		</script>	</head>	<body>		<form id="frmQuestoes" name="nm_frmQuestoes">			O que mais gosta do fórum da WMOnline? (selecione até 3 opções): <br/><br/>			1. <input type="checkbox" id="chbResposta1" name="nm_chbResposta" value="1" onclick="verificaNumChecks(this);" /> Soluções <br/>			2. <input type="checkbox" id="chbResposta2" name="nm_chbResposta" value="2" onclick="verificaNumChecks(this);" /> Tutoriais <br/>			3. <input type="checkbox" id="chbResposta3" name="nm_chbResposta" value="3" onclick="verificaNumChecks(this);" /> Freelancers <br/>			4. <input type="checkbox" id="chbResposta4" name="nm_chbResposta" value="4" onclick="verificaNumChecks(this);" /> Organização <br/>			5. <input type="checkbox" id="chbResposta5" name="nm_chbResposta" value="5" onclick="verificaNumChecks(this);" /> Layout <br/>			6. <input type="checkbox" id="chbResposta6" name="nm_chbResposta" value="6" onclick="verificaNumChecks(this);" /> Administração <br/>			7. <input type="checkbox" id="chbResposta7" name="nm_chbResposta" value="7" onclick="verificaNumChecks(this); mostraDivOutros(this);"/> Outros. <br/>			<div id="divOutros" name="nm_divOutros" style="display: none;">O que? <input type="text" id="" name="" maxlength="50"/> </div>		</form>	</body></html>

Teste e passe um feedback para a galera! ;-)

Especialidade: Desenvolvimento e Banco de Dados.

Este post lhe ajudou? Agradeça: Posted Image

#4 John Frusciante

Turista

Usuários
35 posts

Sexo:Masculino

Posted 14/07/2009, 10:24

Cara é exatamente isso que queria ta perfeito e funciona

mas o problema é, vc fez isso como se fosse um novo formulário, usando um "form tag" só pra ele, no meu caso eu tenho que colocar isso dentro de um "form tag" q eu ja fiz, ele vai funcionar assim:
A pessoa preenche o formulário com dados pessoais e no final ela responde essa questão podendo escolher somente até 3 opções!

nesse caso é mais fácil juntar as duas em um "tag" só? Como seria?
Ou criar duas "form tag" separando "Form Dados Pessoais" e "Form Questões" ?? Como eu ativaria o script de validação com apenas um botão e forms separados? (tudo no form é obrigatório preenchimento, por isso preciso ativar validação tmbm nas questões para que não passe em branco)

espero ter sido claro na dúvida xP
E volto a dizer que seu script esta perfeito e funciona no IE e no FF sem problemas ! APROVED (y)

#1 John Frusciante

#2 Maykel Esser

#3 Renan L. Queiroz

#4 John Frusciante

1 user(s) are reading this topic

Entrar