JQuery手风琴单选按钮
问题描述:
我有两个单选按钮,我希望在其下面显示一些内容,具体取决于用户选择哪一个按钮。这里是我的代码:fiddleJQuery手风琴单选按钮
问题:
我似乎无法为目标的正确P所以什么也不显示时,单选按钮被选中
任何想法,为什么我的代码无法工作?由于
答
我做了一个简单的修改你的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(或不)中的错误和单选按钮没有被选择/检查。
谢谢,但我真的想弄清楚这个小错误。如果您选择一个值,它将不会选择另一个值,但值会更改,但另一个值的单选按钮保持为空 – Richard
检查更新的Js脚本和HTML(请参阅输入收音机的名称)。我认为这是Firefox中的一个错误,如果使用jsfiddle。 –