Formulário com .Hide e .toggle Juqery
olá pessoal eu recentemente fiz uma landing page para um empresa e precisei colocar um formulário para contato no final da páriga.
para quem quiser ver um exemplo está aqui http://www.rmb.esy.es/auaha
bom está tudo funcionando porém quando eu seleciono o assunto nos campos radio ele não me dá o assunto na próxima etapa do formulário por que eu estou usando as funçoes .hide e .toggle do Jquery para proseguir com o formulário. de algum modo quando ele chama a função hide ele perde os valores dos inputs radio. segue o código abaixo.
<form>
<div id="radius">
<div><input class="radio" type="radio" value="Estou começando um projeto novo" checked name="assunto" id="assunto" />
<span>Estou começando um projeto novo </span></div>
<div><input class="radio" type="radio" value="Quero melhorar minha loja, dar um up no layout" name="assunto" id="assunto" />
<span>Quero melhorar minha loja, dar um up no layout</span></div>
<div><input class="radio" type="radio" value="Quero aumentar as minhas vendas com campanhas e relacionamento" name="assunto" id="assunto" />
<span>Quero aumentar as minhas vendas com campanhas e relacionamento</span></div>
<div><input class="radio" type="radio" value="Quero conversar sobre outro assunto" name="assunto" id="assunto" />
<span>Quero conversar sobre outro assunto</span></div>
</div><!--/ Radius -->
<div id="formularius">
<h1>Preencha o formulário</h1>
<div id="left">
<label>nome <input type="text" id="nome" name="nome" placeholder="seu nome completo"></label>
<label>email <input type="text" id="email" name="email" placeholder="seuemail@seuemail.com.br"></label>
<label>telefone <input type="text" id="fone" name="fone" placeholder="(11)11111-1111"></label>
<h2 id="back-to-form">clique aqui para voltar</h2>
</div>
<div id="right">
<label>investimento <select name="invest" id="invest">
<option value ="de R$ 1.000 a 2.000">de R$ 1.000 a 2.000</option>
<option value ="de R$ 1.000 a 2.000">de R$ 2.000 a 3.000</option>
<option value ="de R$ 3.000 a 4.000">de R$ 3.000 a 4.000</option>
<option value ="de R$ 6.000 a 10.000">de R$ 6.000 a 10.000</option>
</select></label>
<label id="textarea">mensagem <textarea placeholder="Deixe sua mensagem" name="msg" id="msg"></textarea></label>
<div id="btnSubmit">Continuar <h2>>></h2></div>
</div>
</div><!--/ formularius -->
<buttom id="submit-radio">Continuar</buttom>
<script type="text/javascript">
$("#submit-radio").click(function(){
$("#radius").hide( "slow" );
});
$("#submit-radio").click(function(){
$("#formularius").toggle( "slow" );
});
$("#submit-radio").click(function(){
$("#submit-radio").hide( "slow" );
});
$("#back-to-form").click(function(){
$("#formularius").hide( "slow" );
});
$("#back-to-form").click(function(){
$("#radius").toggle( "slow" );
});
$("#back-to-form").click(function(){
$("#submit-radio").toggle( "slow" );
});
</script>
</form>Discussão (0)
Carregando comentários...