Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Valor input radio Jquery escrevendo com html

24-08-2015 13:34

Tenho um input radio

<input type="radio" name="num" value="1"> <input type="radio" name="num" value="2">

Estou querendo quando selecionar qualquer um deles escrever através do método html() em uma div "conteudo"

Se selecionar a radio value="1" adicionar o html <img src="img1.jpg/>
Se selecionar a radio value="2" adicionar o html <img src="img2.jpg/>

na div:

<div id="conteudo"></div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Valor input radio Jquery escrevendo com html

24-08-2015 14:16

Você pode fazer assim

<script src="jquery.js"></script> <script> $(document).ready(function() { $('input[name="num"]').click(function() { var valor = $(this).val(); // VALOR DO INPUT CLICADO $('#conteudo').html('<img src="'+valor+'.jpg">') // VALOR CLICADO MAIS .jpg }); }); </script> <input type="radio" name="num" value="1"> <input type="radio" name="num" value="2"> <div id="conteudo"></div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Valor input radio Jquery escrevendo com html

24-08-2015 14:18

Acho que consegui: :)

$('input[name=num]:radio').click(function() { if($(this).val()=="1") { $('#conteudo').html('<img src="img1.jpg/>'); }else{ $('#conteudo').html('<img src="img2.jpg/>'); } });

0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Valor input radio Jquery escrevendo com html

24-08-2015 14:29

Valeu web, você é o cara, sempre ajudando, seu ficar rico vou lembrar de você
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Valor input radio Jquery escrevendo com html

24-08-2015 14:31

Teria como colocar metodo fadein nessa transição ? se tiver como faz ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Valor input radio Jquery escrevendo com html

24-08-2015 14:42

Para fazer um fadeIn junto com a função html() do jQuery, faz assim:

$('#conteudo').hide().html('<img src="img1.jpg"/>').fadeIn('slow');

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado