Question

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

的div

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

当选择收音机时，我需要在单选按钮的基本value=""值上显示div。问题是无线电数字和值将基于mysql数据

有没有在Jquery中显示div的选项？

如果你知道帮助我

Answer 1

你似乎想要知道如何通过jquery显示div？

.show（）方法

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

Answer 2

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

Answer 3

希望，这段代码可以提供任何帮助。这是我尝试找到解决问题的方法：）

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

请在此处找到工作示例：http://jsfiddle.net/u3AbT/3/

单选按钮根据其值显示div

3 个答案: