JQuery：使用單選按鈕類名檢查是否有任何單選按鈕被選中

Question

我意識到類似的問題早先在堆棧溢出時被回答了幾次。我檢查了所有的問題，沒有一個與我的相似。

我有一個html窗體有一些單選按鈕。在我的驗證中，我想檢查是否至少有一個單選按鈕被選中。

我迄今爲止的做法：

• 所有單選按鈕都具有相同的類
• 所有單選按鈕都具有相同的名稱

我需要

• 檢查如果ATLEAST一個單選按鈕被selecetd
• 讀VAL選定按鈕的ue。

我的JavaScript到目前爲止

function supportFormValidation(){ 
    var isChecked = $('.radioButton').attr('checked')?true:false; 
    alert(isChecked); 
    return false;}  

這始終返回false。但是，當我嘗試按每個單選按鈕的單個ID讀取值時，它將返回true。有沒有什麼方法可以檢查單選按鈕是否使用類名檢查。

的jsfiddle：http://jsfiddle.net/evj9nch3/

Answer 1

只需使用：檢查。

var isChecked = !!($('.radioButton:checked').length); 

Answer 2

爲了訪問checked屬性，你需要使用prop功能（1.6之後反正）。由於該值爲真或假，因此它被視爲元素的屬性而非屬性。

尼答案是一個更好的方法，但請看下面爲什麼你的實現不工作的原因。

Take a look at this post for more info

Here is a link to the fiddle

function supportFormValidation() { 
 
    var isChecked = $('.radioButton').prop('checked') ? true : false; 
 
    alert(isChecked); 
 
    return false; 
 
}; 
 

 
supportFormValidation();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='checkbox' class='radioButton' checked='true' />