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

时间:2014-03-24 19:38:52

标签: jquery

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

1 个答案:

答案 0 :(得分:3)

这是因为:

$('correct')

应该是:

$('#correct')

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

Sample fiddle

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