CODEWITHSUNDEEP
javascriptjquery
Mo.
Mo.

Reputation: 27445

radio button show divs on the based on its value

I have a list of radio buttons on the basis of how many id in the mysql table.

when ever clock on the radio then it shows the div details for example

radio buttons 

  <input name="value" type="radio" value="facebook" id="facebook"/> facebook
  <input name="value" type="radio" value="google_plus" id="google_plus" /> Google plus
  <input name="value" type="radio" value="orkut" id="orkut" /> orkut

divs

<div id="facebook" style="display:none;">
facebook is one of the most popular social networking website
</div>
<div id="google" style="display:none;">
google plus is the new social network
</div>
<div id="orkut" style="display:none;">
Orkut is a socila networking website powered by google
</div>

when select radio, I need to show divs on the base value="" value of the radio button. the thing is that radio numbers and values will be on the base of mysql data

is there any option to show divs in Jquery ?

if u know help me pls

Upvotes: 0

Views: 661

Answers (3)

Lokesh Yadav
Lokesh Yadav

Reputation: 1602

Hope, this piece of code would be of any help. here is my try to find a solution for your problem :)

$('input:radio').click(function(){
    var idVal = $(this).val();
    $('div').hide();
    $('div[id='+idVal+']').show()
});

please find a working sample here: http://jsfiddle.net/u3AbT/3/

Upvotes: 1

cetver
cetver

Reputation: 11829

$('input[name="value"]').change(function(){
    var id = $(this).val();
    $('#' + id).show();
});

Upvotes: 1

zero
zero

Reputation: 3084

from what it seems like you're asking you want to know how to show a div via jquery?

.show() method

or .css() method example: $('nameOfYourDiv').css('display','block');

Upvotes: 1

Related Questions