jquery - 显示隐藏div当点击价值单选按钮

Question

Hy guys 当单击值单选按钮时，我会显示我的div。 我的HTML：

<form id="risp"> 
      <input id="ris1" type="radio" name="ris" value="err1">      <label class="answer">0</label> 
      <input id="ris2" type="radio" name="ris" value="err1">      <label class="answer"> 2</label> 
      <input id="ris3" type="radio" name="ris" value="correct1">     <label class="answer">5</label> 
     </form> 

<div id="correct"> 
     <p>answer correct</p> 
    </div> 

所以我尝试这个功能：

$("#ris3").click(function() { 
         $("correct").show(); 

但不起作用！为什么？ 感谢名单

Answer 1

这是因为：

$('correct') 

应该是：

$('#correct') 

的问题是，你的选择是错误的。请记住，像$('correct')这样的选择器会寻找一个不存在的<correct>元素。对于ID，您必须使用#和.作为实际值之前的任一类。你可以在这里找到关于jQuery选择的更多信息：http://api.jquery.com/category/selectors/

Sample fiddle

注：如斯图尔特·克肖在评论中提及以下，记得要关闭您的点击功能，否则将无法正常工作...