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的情况下这样做（因为它是问题的一部分）：

如果没有表格，我不确定你的意思。如果你的意思是你不想pass the form element to a javascript function，你可以这样做：

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) {
        // ...
    }
}

Answer 3

我不能确定你的意思，但如果你想对页面上的所有单选按钮做一些事情，你可以这样做：

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

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

3 个答案: