Check box com evento

[Diego_l_l 0]

Gente to com o seguinte problema e estou fazendo errado

 

 

tenho 3 checks

 

X Normal

X Especifico

X Promocional

 

CONSULTAR

 

e um botão consultar como acima

 

precisa fazer o seguinte se ele não selecionar nenhum exibir um alerta e se ele selecionar mais de 1 exibir outro alerta isso até fiz mas o problema é o seguinte o usuário tem que clicar e cada check envia pra uma pagina diferente ele seleciona o 1º e clica em consultar vai para uma pagina no segundo outro e no terceiro outro

 

fiz uma gambiarra aqui horrivel fiz 3 botões e deixando visivel e invisivel de acordo com o check

 

como eu faço utilizando só 1 botão???

 

 

meu cód é esse

 

<script>
function normal() 
{
document.getElementById("normal0").style.display="none";
document.getElementById("normal").style.display="block";
document.getElementById("espec").style.display="none";
document.getElementById("promoc").style.display="none";

}
function espec() 
{
document.getElementById("normal0").style.display="none";
document.getElementById("normal").style.display="none";
document.getElementById("espec").style.display="block";
document.getElementById("promoc").style.display="none";

}
function promoc() 
{
document.getElementById("normal0").style.display="none";
document.getElementById("normal").style.display="none";
document.getElementById("espec").style.display="none";
document.getElementById("promoc").style.display="block";

}

</script>

[Alexandre R 0]

não seria o caso de utilizar o tipo radio ao invés de checkbox??

[Diego_l_l 0]

ok...

 

 

mas eu queria saber o direcionamento de uma seleção de um input apos a confirmaçãod e um botão

 

alguem sabe?

[Diego_l_l 0]

Alguem aí sabe???

[andreia_sp 1]

você pode colocar o value do radio com o link que você quer q cada um direcione, depois no evento onclick do botao, o window.open receberá a URL do value do radio selecionado.

 

captou ?!

[Gutoffline 1]

A idéia da Andreia é válida e muito boa, seria a opção que eu adotaria, porém você pode tratar no evento onSubmit , de acordo com sua necessidade.

[Diego_l_l 0]

oia o que eu fiz ave maria

 

CODE

<script type="text/javascript">

function normal0()

{

alert("Selecione uma da opções!");

}

</script>

 

 

 

<script>

function normal()

{

document.getElementById("pro_normal0").style.display="none";

document.getElementById("pro_normal").style.display="block";

document.getElementById("pro_espec").style.display="none";

document.getElementById("pro_promoc").style.display="none";

 

 

document.getElementById("re_normal0").style.display="none";

document.getElementById("re_normal").style.display="block";

document.getElementById("re_espec").style.display="none";

document.getElementById("re_promoc").style.display="none";

 

 

 

document.getElementById("normal0").style.display="none";

document.getElementById("normal").style.display="block";

document.getElementById("espec").style.display="none";

document.getElementById("promoc").style.display="none";

 

}

function espec()

{

document.getElementById("pro_normal0").style.display="none";

document.getElementById("pro_normal").style.display="none";

document.getElementById("pro_espec").style.display="block";

document.getElementById("pro_promoc").style.display="none";

 

document.getElementById("re_normal0").style.display="none";

document.getElementById("re_normal").style.display="none";

document.getElementById("re_espec").style.display="block";

document.getElementById("re_promoc").style.display="none";

 

 

document.getElementById("normal0").style.display="none";

document.getElementById("normal").style.display="none";

document.getElementById("espec").style.display="block";

document.getElementById("promoc").style.display="none";

 

}

function promoc()

{

document.getElementById("pro_normal0").style.display="none";

document.getElementById("pro_normal").style.display="none";

document.getElementById("pro_espec").style.display="none";

document.getElementById("pro_promoc").style.display="block";

 

 

document.getElementById("re_normal0").style.display="none";

document.getElementById("re_normal").style.display="none";

document.getElementById("re_espec").style.display="none";

document.getElementById("re_promoc").style.display="block";

 

document.getElementById("normal0").style.display="none";

document.getElementById("normal").style.display="none";

document.getElementById("espec").style.display="none";

document.getElementById("promoc").style.display="block";

 

}

 

</script>

 

 

CODE

<table style="margin-left:20px">

<tr>

<td >

<img src="Imagens/btn_consultar.jpg" border="0" id="normal0" onClick="normal0()">

<img src="Imagens/btn_consultar.jpg" border="0" id="normal" style="display:none" onClick="document.location='consulta_normal.htm'">

<img src="Imagens/btn_consultar.jpg" border="0" id="espec" style="display:none" onClick="document.location='consulta_especif.htm'">

<img src="Imagens/btn_consultar.jpg" border="0" id="promoc" style="display:none" onClick="document.location='consulta_promoc.htm'">

</td>

 

 

<td>

<img src="Imagens/btn_redirecionar.jpg" border="0" id="re_normal0" onClick="normal0()">

<img src="Imagens/btn_redirecionar.jpg" border="0" style="display:none" id="re_normal" onClick="document.location='consulta_redirecionamento1.htm'">

<img src="Imagens/btn_redirecionar.jpg" border="0" style="display:none" id="re_espec" onClick="document.location='consulta_redirecionamento2.htm'">

<img src="Imagens/btn_redirecionar.jpg" border="0" style="display:none" id="re_promoc" onClick="document.location='consulta_redirecionameto3.htm'">

</td>

<td>

<img src="Imagens/btn_prorrogar.jpg" border="0" id="pro_normal0" onClick="normal0()">

<img src="Imagens/btn_prorrogar.jpg" border="0" style="display:none" id="pro_normal" onClick="document.location='consulta_redirecionamento11.htm'">

<img src="Imagens/btn_prorrogar.jpg" border="0" style="display:none" id="pro_espec" onClick="document.location='consulta_redirecionamento22.htm'">

<img src="Imagens/btn_prorrogar.jpg" border="0" style="display:none" id="pro_promoc" onClick="document.location='consulta_redirecionameto33.htm'">

</td>

 

</tr>

</table>

[Diego_l_l 0]

você pode colocar o value do radio com o link que você quer q cada um direcione, depois no evento onclick do botao, o window.open receberá a URL do value do radio selecionado.

captou ?!

eu fiz isso já só que problema se você deseleciona o check ele e aperta o botão ela vai pr apágina teria q ter uma condiçãod e ela não fazer nada quando dar un uncheck...

[andreia_sp 1]

é pq você está usando check... pq nao usa radiobutton?