當選擇1收音機，檢查所有其他人的價值

Question

我有一堆無線電的。這裏是它們的代碼：

 <div class="question">18 years old or older?</div> 
     <div class="radios"> 
     <input type="radio" name="age" value="yes"> Yes &nbsp; 
     <input type="radio" name="age" value="no"> No 
     <div class="tooltip"><span>Sorry, you must be 18 years old or older.</span></div> 
     </div> 

     <div style="clear: both;"></div> 

     <div class="question">Earn $1,600 or more each month?</div> 
     <div class="radios"> 
     <input type="radio" name="earn" value="yes"> Yes &nbsp; 
     <input type="radio" name="earn" value="no"> No 
     <div class="tooltip"><span>Sorry, you must earn $1,600 or more each month.</span></div> 
     </div> 

     <div style="clear: both;"></div> 

     <div class="question">Stable in your job and residence?</div> 
     <div class="radios"> 
     <input type="radio" name="stable" value="yes"> Yes &nbsp; 
     <input type="radio" name="stable" value="no"> No 
     <div class="tooltip"><span>Sorry, you must be stable in your job and residence.</span></div> 
     </div> 

     <div style="clear: both;"></div> 

     <div class="question">No reposessions within 1 year?</div> 
     <div class="radios"> 
     <input type="radio" name="repo" value="yes"> Yes &nbsp; 
     <input type="radio" name="repo" value="no"> No 
     <div class="tooltip"><span>Sorry, you must have no reposessions within 1 year.</span></div> 
     </div> 

     <div style="clear: both;"></div> 

當有人點擊其中任何一種電臺

，我想它來檢查，看是否所有的無線電值都是「是」或沒有。

如果他們是肯定的，我希望它提醒「所有是的！」

繼承人我的代碼不工作：

$('.radios input').mousedown(function() { 
    if ($(this).val() == 'no') 
     $(this).closest('.radios').find('.tooltip').show(); 
    else 
     $(this).closest('.radios').find('.tooltip').hide(); 

    $yescount = 0; 

    $('.radios input').each(function() { 
     if ($(this).val() == 'yes') 
      $yescount += 1; 
    }); 

    if ($yescount == 4) 
     alert('all yes'); 
}); 

任何幫助將是巨大的。

即使並非所有收音機都設置爲「是」，它似乎仍在提醒。

Answer 1

用途：

$('.radios input').click(function() { 
    if($('input[type=radio][value="yes"]:checked').length==$('input[type=radio][value="yes"]').length) alert('yes'); 
}); 

jsFiddle example

Answer 2

這裏是你的代碼一些調整，這將現在的工作。

$('.radios input').change(function() { 
    if ($(this).val() == 'no') 
     $(this).closest('.radios').find('.tooltip').show(); 
    else 
     $(this).closest('.radios').find('.tooltip').hide(); 

    $yescount = 0; 

    $('.radios input').each(function() { 
     if ($(this).is(':checked')) 
      $yescount += 1; 
    }); 

    if ($yescount == 4) 
     alert('all yes'); 
}); 

很多「mousedown」不是一個好主意，它改變了「改變」。 如果「$（this）.val（）」將始終返回yes，則應檢查它是否已檢查。

Demo

Answer 3

DEMO

$('.radios :radio').change(function() { 
    if ($(this).val() == 'no') 
     $(this).closest('.radios').find('.tooltip').show(); 
    else 
     $(this).closest('.radios').find('.tooltip').hide(); 

    $yescount = 0; 

    $('.radios :radio:checked').each(function() { 
     if ($(this).val() == 'yes') 
      $yescount += 1; 
    }); 

    if ($yescount == 4) 
     alert('all yes'); 
}); 

---

有用的選擇：
:radio - 目標只是單選按鈕，而不是其他input小號
:checked - 剛剛獲得的那些值選擇

Answer 4

這就是我的答案...... http://jsfiddle.net/8JRG5/

$("input[type=radio]").on('change',function() { 
    var checked = new Array(); 
    var all_yes = true; 
    $("input:radio").each(function() { 
     var name = $(this).attr("name"); 
     var val = $("input:radio[name='"+name+"']:checked").val(); 
     checked[name] = val; 
     if (val!=='yes') { all_yes = false; } 
    }); 

    console.log('all_yes = ' + all_yes); 
    console.log(checked); 
});