Question

我有两个单选按钮，我希望在它们下面显示一些内容，具体取决于用户选择的内容。这是我的代码：fiddle

问题：
我似乎无法定位正确的p，因此当选择单选按钮时没有显示任何内容

知道为什么我的代码无法正常工作？感谢

Answer 1

我对您的HTML代码以及JS

进行了简单的修改

<form>
    <div class="accordion">  
        <input type="radio" name="recog" id="recog_yes" value="0" />
        <label for="recog">Yes</label>

        <input type="radio" name="recog1" id="recog_no" value="1" />
        <label for="recog">No</label>

        <p>  
            show this for yes
        </p>

        <p>  
            show this for no
        </p>                
    </div>

</form>

必须将input或select个控件集成到form代码中。

和js：

$(function(){
    $('.accordion p').hide();

    $('.accordion input[type="radio"]').click(function() {
       $('.accordion p').hide();   

        $('.accordion input[type="radio"]').removeAttr("checked");

        $(this).prop("checked", true);

        if($(this).is(":checked")){
           $("p").eq($(this).val()).show();   
        }

        return false;
    });
});

请参阅jsfiddle

在Firefox 15中看似jsfiddle（或没有）的错误，并且没有选中/选中单选按钮。

JQuery手风琴收音机按钮

1 个答案: