Làm cách nào để lặp qua nhóm nút radio mà không có biểu mẫu?

Question

Làm cách nào để lặp qua nhóm nút radio mà không có biểu mẫu trong JavaScript hoặc jQuery?

Answer 1

gì về một cái gì đó như thế này? (Sử dụng jQuery):

$('input:radio').each(function() { 
    if($(this).is(':checked')) { 
    // You have a checked radio button here... 
    } 
    else { 
    // Or an unchecked one here... 
    } 
}); 

Bạn cũng có thể lặp qua tất cả các nút radio kiểm tra như thế này, nếu bạn thích:

$('input:radio:checked').each(function() { 
    // Iterate through all checked radio buttons 
}); 

Answer 2

tôi không thể quá chắc chắn những gì bạn có ý nghĩa nhưng nếu bạn muốn làm điều gì đó cho tất cả các nút radio trên một trang web mà bạn có thể làm điều này:

$("input:radio").each(function(){ 
    //do something here 
}); 

Answer 3

... trong trường hợp ai đó muốn làm điều này mà không cần jQuery (kể từ nó là một phần của câu hỏi):

Tôi không chắc chắn ý của bạn là gì mà không có biểu mẫu. Nếu bạn có nghĩa là bạn không muốn pass the form element to a javascript function, bạn có thể làm điều đó như thế này:

for (var i = 0; i < document.form_name.radio_name.length; i++) { 
    if (document.form_name.radio_name[i].checked) { 
     // ... 
    } 
} 

Nếu bạn có ý nghĩa mà không có một hình thức như trong bạn không có nút biểu mẫu, bạn có thể bọc chúng trong một khoảng thời gian (hoặc một div) và sử dụng mã như sau:

var span = document.getElementById("span_id"); 
var inputs = span.getElementsByTagName("input"); 
for (var i = 0; i < inputs.length; ++i) { 
    if (inputs[i].checked) { 
     // ... 
    } 
}