jquery - 单击值单选按钮时显示隐藏的div

Question

嗨伙计们 点击值单选按钮时，我会显示我的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();

但不起作用!!为什么？ Thanx

Answer 1

这是因为：

$('correct')

应该是：

$('#correct')

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

Sample fiddle 的

注意：正如Stuart Kershaw在下面的评论中提到的，请记得关闭你的点击功能，否则它将不起作用......