Ir para conteúdo

POWERED BY:

Arquivado

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

odenis

[Resolvido] Radio com jquery

Por , em Javascript

Recommended Posts

odenis    0

odenis
Postado

Olá a todos...

seu novo no pedaço e novo com jquery e na area de web.

 

gostaria de saber como faço para ocultar os campos que estão dentro de uma <div> com o jquery usando radio button ou radio group.

se não for abusar muito postem um exemplo.

 

ou mande para meu e-mail:

odenis01@gmail.com

 

desde já agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

odenis    0

odenis
Postado

cara desculpa minha ignorância ....

mas é justamente essa a minha dúvida..

como usar este script com radion button ou radio button...???

 

por favor me ajude....

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Amigo isso é simples, mas precisamos sabe de uma coisa. Vai ser mais de um RADIO BUTTUN?

 

Tipo assim:

[Raido](x) - torna On (fadeid - aparecer)

[Raido]( ) - torna Off (fadout - sumir)

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Seria algo assim

$("#InputON").click(function() {//id da input ON
	if ( $(this).is(':checked') ) {
		//Funcao aparecer
	}
});

$("#InputOFF").click(function() {//id da input OFF
	if ( $(this).is(':checked') ) {
		//Funcao aparecer
	}
});
.....
HMTL:
<input type="radio" id="InputON" name="onoff" value="" />
<input type="radio" id="InputOFF" name="onoff" value="" />
Eu não entendo muito de Jquery(e nem gosto de usar), mas acredito ser isso.

 

[editado]Fiz confusão é click ja editei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

odenis    0

odenis
Postado

fiz desta forma mas não funcionou..

alguem pode me ajudar

 

não esta escondendo quando eu marco a option

 

<html>

<head>

<title>Untitled Document</title>

<script type="text/javascript" src="js/jquery.js"></script>

<script>

 

$("#InputON").click(function() {//id da input ON

if ( $(this).is(':checked') ) {

//Funcao aparecer

$("#aparece").show();

}

});

 

$("#InputOFF").click(function() {//id da input OFF

if ( $(this).is(':checked') ) {

//Funcao aparecer

$("#aparece").hide();

}

});

 

</script>

</head>

<body>

 

<form action="" method="get">

 

<input type="radio" id="InputON" name="onoff" value="" />

<input type="radio" id="InputOFF" name="onoff" value="" />

 

<p id="aparece">

faslfjalsdjfçasjfça jsdçfja çlskdjfçaksjd flçaksjdfçlajsç flkjasçdlkfjçlaksdjflçkasjdfç

klf alskdjfasçdfj çalsjfdçlkasjdfasd façlksjdf laksjdf asdf

</p>

 

</form>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Amigo eu confundi não é click kkk

é BIND:

$("#InputOFF").bind("click",function() {//id da input OFF
if ( $(this).is(':checked') ) {
//Funcao aparecer
$("#aparece").hide();
}
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Odenis percebi uma coisa, você esqueceu de por READY, como esperava que funciona-se hehehe, ta ae arrumei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="pt-br" xmlns="http://www.w3.org/1999/xhtml" lang="pt-br"><head>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-language" content="pt-br">
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function(){
$("#InputON").click(function() {//id da input ON
if ( $(this).is(':checked') ) {
//Funcao aparecer
$("#aparece").show();
}
});

$("#InputOFF").click(function() {//id da input OFF
if ( $(this).is(':checked') ) {
//Funcao aparecer
$("#aparece").hide();
}
});
}
);
</script>
</head>
<body>

<form action="" method="get">

<input type="radio" id="InputON" name="onoff" value="" />
<input type="radio" id="InputOFF" name="onoff" value="" />

<p id="aparece">
faslfjalsdjfçasjfça jsdçfja çlskdjfçaksjd flçaksjdfçlajsç flkjasçdlkfjçlaksdjflçkasjdfç
klf alskdjfasçdfj çalsjfdçlkasjdfasd façlksjdf laksjdf asdf
</p>

</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

odenis    0

odenis
Postado

funcionou....

 

cara... agradeço muito, mas muito mesmo.. estou desenvolvendo um site.. mas sou novo na area de web...

 

se precisar de mim pode me mandar um e-mail.... conheço de outras linguagem(java, vb, sql, mysql)..

 

valeu...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito