如何在没有表单的情况下循环显示单选按钮组？

Question

如何在JavaScript或jQuery中没有表单的情况下循环单选按钮组？

Answer 1

这样的事情怎么样？(使用jQuery):

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

如果您愿意,也可以像这样遍历所有选中的单选按钮:

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

Answer 2

...如果有人想在没有jQuery的情况下这样做(因为它是问题的一部分):

没有表格,我不确定你的意思.如果你的意思是你不想将表单元素传递给javascript函数,你可以这样做:

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

如果你的意思是没有表单,你没有表单节点,你可以将它们包装在span(或div)中并使用如下代码:

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