2012-09-27 53 views
0

我有兩個單選按鈕,我希望在其下面顯示一些內容,具體取決於用戶選擇哪一個按鈕。這裏是我的代碼:fiddleJQuery手風琴單選按鈕

問題:
我似乎無法爲目標的正確P所以什麼也不顯示時,單選按鈕被選中

任何想法,爲什麼我的代碼無法工作?由於

回答

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> 

任何inputselect控制必須融入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(或不)中的錯誤和單選按鈕沒有被選擇/檢查。

+0

謝謝,但我真的想弄清楚這個小錯誤。如果您選擇一個值,它將不會選擇另一個值,但值會更改,但另一個值的單選按鈕保持爲空 – Richard

+0

檢查更新的Js腳本和HTML(請參閱輸入收音機的名稱)。我認爲這是Firefox中的一個錯誤,如果使用jsfiddle。 –