Javascript 单选按钮根据其值显示上的div

根据mysql表中有多少id，我有一个单选按钮列表

当收音机上有时钟时，就会显示div的详细信息 比如说

单选按钮

  <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

facebook
谷歌+
奥库特

divs

facebook是最受欢迎的社交网站之一
google plus是一个新的社交网络
Orkut是一个由谷歌支持的社交网站

选择radio时，我需要在单选按钮的底部

value=”“

value上显示div。 问题是，无线电号码和值将基于mysql数据

在Jquery中是否有显示div的选项

---

如果你想知道如何通过jquery显示div，请根据你的要求帮助我

.show（）方法

---

或.css（）方法示例：$（'nameOfYourDiv'）.css（'display'，'block'）

您想知道如何通过jquery显示div吗

.show（）方法

---

或.css（）方法示例：$（'nameOfYourDiv'）.css（'display'，'block'）

希望，这段代码会有所帮助。以下是我为您的问题找到解决方案的尝试：）

---

请在这里找到一个工作示例：

希望，这段代码会有所帮助。以下是我为您的问题找到解决方案的尝试：）

请在此处找到工作示例：

<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>

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

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