Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webfuture

Como pegar os valores de cada checkbox

Recommended Posts

Galera estou com um problemão aqui, é o seguinte, tenho um formulario com cerca de 15 campos a serem marcados, todos checkbox e preciso pegar os valores dos marcados em cada campo e concatenar para ficar tipo assim:

 

pagina.asp?campo1=1,2,3,4&campo2=3,5,7,8&campo3=1,2,3,4

 

O script do formulário é este:

 

<tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Aspecto físico:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="fisico" value="1">Sexy</td></tr><tr><td><input type="checkbox" name="fisico" value="2">Atrativo</td></tr><tr><td><input type="checkbox" name="fisico" value="3">Agradável</td></tr><tr><td><input type="checkbox" name="fisico" value="4">Nada de especial</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Cor do cabelo:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="cabelo" value="1">Brancos</td></tr><tr><td><input type="checkbox" name="cabelo" value="2">Louros</td></tr><tr><td><input type="checkbox" name="cabelo" value="3">Castanho escuro</td></tr><tr><td><input type="checkbox" name="cabelo" value="4">Castanho claro</td></tr><tr><td><input type="checkbox" name="cabelo" value="5">Cinzentos</td></tr><tr><td><input type="checkbox" name="cabelo" value="6">Pretos</td></tr><tr><td><input type="checkbox" name="cabelo" value="7">Ruivos</td></tr><tr><td><input type="checkbox" name="cabelo" value="8">Calvos</td></tr><tr><td><input type="checkbox" name="cabelo" value="9">Outros</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Cor dos olhos:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="olhos" value="1">Azuis</td></tr><tr><td><input type="checkbox" name="olhos" value="2">Cinzentos</td></tr><tr><td><input type="checkbox" name="olhos" value="3">Castanhos</td></tr><tr><td><input type="checkbox" name="olhos" value="4">Mel</td></tr><tr><td><input type="checkbox" name="olhos" value="5">Verdes</td></tr><tr><td><input type="checkbox" name="olhos" value="6">Pretos</td></tr><tr><td><input type="checkbox" name="olhos" value="7">Outros</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Origem étnica:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="etnia" value="1">Afro-brasileiro (negro)</td></tr><tr><td><input type="checkbox" name="etnia" value="2">Asiático</td></tr><tr><td><input type="checkbox" name="etnia" value="3">Caucasiano (branco)</td></tr><tr><td><input type="checkbox" name="etnia" value="4">Índias Orientais</td></tr><tr><td><input type="checkbox" name="etnia" value="5">Hispânico/latino</td></tr><tr><td><input type="checkbox" name="etnia" value="6">Oriente Médio</td></tr><tr><td><input type="checkbox" name="etnia" value="7">Indígena americano</td></tr><tr><td><input type="checkbox" name="etnia" value="8">Mestiço</td></tr><tr><td><input type="checkbox" name="etnia" value="9">Outra</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Estado civil:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="estadocivil" value="1">Solteiro/a</td></tr><tr><td><input type="checkbox" name="estadocivil" value="2">Casado/a</td></tr><tr><td><input type="checkbox" name="estadocivil" value="3">Separado/a</td></tr><tr><td><input type="checkbox" name="estadocivil" value="4">Divorciado/a</td></tr><tr><td><input type="checkbox" name="estadocivil" value="5">Viúvo/a</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> É romântico/a:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="romantico" value="1">Muito romântico/a</td></tr><tr><td><input type="checkbox" name="romantico" value="2">Romântico/a</td></tr><tr><td><input type="checkbox" name="romantico" value="3">Pouco romântico/a</td></tr><tr><td><input type="checkbox" name="romantico" value="4">Não sou romântico/a</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Tem filhos:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="filhos" value="1">Sim</td></tr><tr><td><input type="checkbox" name="filhos" value="2">Não</td></tr><tr><td><input type="checkbox" name="filhos" value="3">Sim - Moram comigo</td></tr><tr><td><input type="checkbox" name="filhos" value="4">Sim - Visitam de vez em quando</td></tr><tr><td><input type="checkbox" name="filhos" value="5">Sim - Não moram comigo</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Deseja ter filhos:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="deseja_filhos" value="1">Sim</td></tr><tr><td><input type="checkbox" name="deseja_filhos" value="2">Não</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Escolaridade:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="escolaridade" value="2">Ensino primário</td></tr><tr><td><input type="checkbox" name="escolaridade" value="3">Ensino secundário</td></tr><tr><td><input type="checkbox" name="escolaridade" value="4">Curso técnico</td></tr><tr><td><input type="checkbox" name="escolaridade" value="5">Ensino superior</td></tr><tr><td><input type="checkbox" name="escolaridade" value="6">Pós-graduação</td></tr><tr><td><input type="checkbox" name="escolaridade" value="7">Mestrado</td></tr><tr><td><input type="checkbox" name="escolaridade" value="8">Doutorado</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Área profissional:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="area_profissional" value="2">Administrativa</td></tr><tr><td><input type="checkbox" name="area_profissional" value="3">Comércio</td></tr><tr><td><input type="checkbox" name="area_profissional" value="4">Comércio Exterior</td></tr><tr><td><input type="checkbox" name="area_profissional" value="5">Educação</td></tr><tr><td><input type="checkbox" name="area_profissional" value="6">Finaceiro</td></tr><tr><td><input type="checkbox" name="area_profissional" value="7">Hotelaria / Turismo</td></tr><tr><td><input type="checkbox" name="area_profissional" value="8">Informática e Telecomunicações</td></tr><tr><td><input type="checkbox" name="area_profissional" value="9">Saúde</td></tr><tr><td><input type="checkbox" name="area_profissional" value="10">Suprimentos</td></tr><tr><td><input type="checkbox" name="area_profissional" value="11">Agricultura, Pecuária e Veterinária</td></tr><tr><td><input type="checkbox" name="area_profissional" value="12">Artes, Arquitetura e Design</td></tr><tr><td><input type="checkbox" name="area_profissional" value="13">Comunicação</td></tr><tr><td><input type="checkbox" name="area_profissional" value="14">Engenharia</td></tr><tr><td><input type="checkbox" name="area_profissional" value="15">Indústria</td></tr><tr><td><input type="checkbox" name="area_profissional" value="16">Jurídica</td></tr><tr><td><input type="checkbox" name="area_profissional" value="17">Técnicos</td></tr><tr><td><input type="checkbox" name="area_profissional" value="18">Telemarketing</td></tr><tr><td><input type="checkbox" name="area_profissional" value="19">Outra</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Fuma:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="fuma" value="1">Sim, ocasionalmente</td></tr><tr><td><input type="checkbox" name="fuma" value="2">Sim, regularmente</td></tr><tr><td><input type="checkbox" name="fuma" value="3">Não, (o fumo não é um problema)</td></tr><tr><td><input type="checkbox" name="fuma" value="4">Não, (o fumo é um problema)</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Religião:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="religiao" value="2">Católico/a praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="3">Católico/a não praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="4">Protestante praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="5">Protestante não praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="6">Judeu praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="7">Judeu náo praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="8">Muçulmano/a praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="9">Muçulmano/a náo praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="10">Budista praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="11">Budista náo praticante</td></tr><tr><td><input type="checkbox" name="religiao" value="12">Ateu/atéia</td></tr><tr><td><input type="checkbox" name="religiao" value="13">Agnóstico/a</td></tr><tr><td><input type="checkbox" name="religiao" value="14">Outros</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Parte do corpo que<br>   mais chama atenção:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="atencao" value="1">Olhos</td></tr><tr><td><input type="checkbox" name="atencao" value="2">Sorriso</td></tr><tr><td><input type="checkbox" name="atencao" value="3">Boca</td></tr><tr><td><input type="checkbox" name="atencao" value="4">Cabelo</td></tr><tr><td><input type="checkbox" name="atencao" value="5">Traseiro</td></tr><tr><td><input type="checkbox" name="atencao" value="6">Mãos</td></tr><tr><td><input type="checkbox" name="atencao" value="7">Seios</td></tr><tr><td><input type="checkbox" name="atencao" value="8">Pernas</td></tr><tr><td><input type="checkbox" name="atencao" value="9">Pés</td></tr><tr><td><input type="checkbox" name="atencao" value="10">Curvas</td></tr><tr><td><input type="checkbox" name="atencao" value="11">Não está nessa lista</td></tr></table></td></tr><tr><td style="background-color:#F7E3EB;" valign="top"><table cellpadding="4" class="descricao1"><tr><td> Traço de personalidade<br>   mais marcante:</td></tr></table></td><td><table border="0" cellpadding="2" cellspacing="4" class="formato2"><tr><td><input type="checkbox" name="personalidade" value="1">Calmo/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="2">Reservado/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="3">Nervoso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="4">Teimoso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="5">Animado/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="6">Aventureiro/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="7">Extrovertido</td></tr><tr><td><input type="checkbox" name="personalidade" value="8">Solitário/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="9">Generoso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="10">Espontâneo/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="11">Orgulhoso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="12">Supersticioso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="13">Atencioso/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="14">Descuidado/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="15">Sociável</td></tr><tr><td><input type="checkbox" name="personalidade" value="16">Exigente</td></tr><tr><td><input type="checkbox" name="personalidade" value="17">Sensível</td></tr><tr><td><input type="checkbox" name="personalidade" value="18">Possessivo/a</td></tr><tr><td><input type="checkbox" name="personalidade" value="19">Tímido/a</td></tr></table></td></tr>

No final dele tem um campo button onde chamo a função JS porém, não to encontrando uma forma correta de fazer isto, tenho o script abaixo que recupera os valores dos checkboxes marcados, agora não sei se a aprtir dele devo fazer varios como ele para pegar de todos ou tem uma forma mais facil de se fazer:

 

function isArray(obj){return(typeof(obj.length)=="undefined")?false:true;}			function verificaCBox(){				varurl = "teste.asp"				var mycbox="";				var arrayElements = document.forms["myform"].elements;				if(isArray(arrayElements)){					for(i=0;i<arrayElements.length;i++){						if(arrayElements[i].checked && arrayElements[i].id=="mycbox"){							mycbox += arrayElements[i].value + ",";						}					}					alert(mycbox);				}			varurl = varurl + "?fisico=" + mycbox			alert(varurl)			}

Alguém pode me dar um help de como fazer para montar uma url pegando os valores dos campos selecionados juntamente com o nome?

 

Xavier

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, ai vai uma idéia de como fazer... espero que ajude

function verificaCBox() {	var varurl = 'teste.asp';	var campo = '';	var campo2 = '';	var stringformulario = '';	var grupo = document.getElementsByTagName('input');	for (i = 0; i < grupo.length; i++) {		if (grupo[i].getAttribute('type') == 'checkbox'){			if (grupo[i].checked == true) {				if(!campo) {					campo = grupo[i].getAttribute('name');					campo2 = campo + '=';				} else {					if(campo != grupo[i].getAttribute('name')) {						campo = grupo[i].getAttribute('name');						stringformulario = stringformulario.substring(0,stringformulario.length - 1) + '&';						campo2 = campo + '=';					} else {						campo2 = '';					}				}				stringformulario += campo2 + grupo[i].getAttribute('value') + ",";							}		}	}	stringformulario = varurl = varurl + "?" + stringformulario.substring(0,stringformulario.length - 1);	alert(stringformulario );	}

Valeu!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.