0
我有兩個單選按鈕,我希望在其下面顯示一些內容,具體取決於用戶選擇哪一個按鈕。這裏是我的代碼:fiddleJQuery手風琴單選按鈕
問題:
我似乎無法爲目標的正確P所以什麼也不顯示時,單選按鈕被選中
任何想法,爲什麼我的代碼無法工作?由於
我有兩個單選按鈕,我希望在其下面顯示一些內容,具體取決於用戶選擇哪一個按鈕。這裏是我的代碼: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。 –