单选按钮隐藏并显示div jquery

我有一个单选按钮，有两个可能的值是或否。 我想当用户按下是时会出现一个div，当没有隐藏div时。

我的代码是，但它不起作用：

 $(document).ready(function() { $("div.desc").hide(); $("input[name$='pain']").click(function() { var test = $(this).val(); $("div.desc").hide(); $("#" + test).show(); }); });  
 
 
pain
 do you feel pain ;   Yes    No 
 Morph :  
  

提前致谢

Answer 1

你能做到的

 $("input#yes").click(function() { $("div.desc").show(); }); $("input#no").click(function() { $("div.desc").show(); }); 

Answer 2

我希望这能帮到您

   Yes  No $('input:radio[name=pain]').click(function() { if ($('#yes').attr('checked')) { $('.desc').show(); } else if ($('#no').attr('checked')) { $('.desc').hide(); } }); 

Answer 3

您的HTML中有一个重复的id ，您尝试显示的div和“是”单选按钮的ID都为“是”。 Ids在文档中应该是唯一的。

一旦修复了HTML，这应该可行 –

 $(document).ready(function() { $("input[name$='pain']").change(function() { var test = $(this).val(); $("div.desc").hide(); if ($("div#" + test).length > 0) $("div#" + test).show(); }) }); 

演示 – http://jsfiddle.net/mSLeA/