三個單選按鈕與子單選按鈕需要隱藏或顯示使用jQuery的div

Question

我正在jQuery的隱藏或顯示功能。如果用戶選擇第一個單選按鈕並且用戶選擇第一個/第二個單選按鈕，則我有三個單選按鈕和兩個子單選按鈕，如果用戶選擇第二個單選按鈕/第三個單選按鈕，則第二個單選按鈕中將顯示一個div父和子單選按鈕第二個div應該來。我沒有收到怎麼辦，如果條件

這裏是fiddle link

這裏是我的HTML代碼

<input type="radio" value="one" checked name="number" />One 
<input type="radio" value="two" name="number" />two 
<input type="radio" value="three" name="number" />three 
<br/> 
<input type="radio" checked value="onea" name="numbers" />one A 
<input type="radio" value="twoa" name="numbers" />two A 
<br/> 
<div class="first">First</div> 
<div class="second">second</div> 
<div class="third">third</div> 

這裏是我當前的jQuery代碼

$(".second,.third").hide(); 
$('input[type="radio"]').change(function() { 
    if ($(this).val() === 'onea' || 'twoa') { 
     $(".first").show(); 
    } 
}); 

爲先單選按鈕按預期完美工作，但不適用於第二個單選按鈕

這就是我想要的

例如有兩種情況1）默認情況下，一個單選按鈕是和一個單選按鈕被檢查第一個div將顯示2）如果用戶選擇兩個單選按鈕/三個無線電按鈕和子一個A /兩個A第二個div會顯示我沒有得到第二個場景

在此先感謝

Answer 1

試試這個.. jsfiddle

    <input type="radio" value="one" name="number" />One 
     <input type="radio" value="two" name="number" />two 
     <input type="radio" value="three" name="number" />three 
     <br/> 
     <input type="radio" checked value="onea" name="numbers" id="first" />one A 
     <input type="radio" value="twoa" name="numbers" id="second"/>two A 
     <br/> 
     <div class="first divcont">First</div> 
     <div class="second divcont">second</div> 
     <div class="third divcont">third</div> 

     $(".second,.third").hide(); 
     $('input[type="radio"]').on("change",function() { 
      var FVal = $('input[name="number"]:checked').val(); 
      console.log(FVal); 
      if(FVal!='one'){ 
       $(".divcont").hide(); 
       $(".second").show(); 
      }else{ 
       $(".divcont").hide(); 
       $(".first").show(); 

      } 
     });