首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在没有窗体的情况下遍历单选按钮组?

如何在没有窗体的情况下遍历单选按钮组?
EN

Stack Overflow用户
提问于 2010-08-13 08:45:26
回答 3查看 43.4K关注 0票数 21

在JavaScript或jQuery中,如何在没有窗体的情况下遍历单选按钮组?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-08-13 08:48:41

像这样的怎么样?(使用jQuery):

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

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

代码语言:javascript
复制
$('input:radio:checked').each(function() {
   // Iterate through all checked radio buttons
});
票数 29
EN

Stack Overflow用户

发布于 2011-08-06 06:36:15

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

我不明白你说的没有表格是什么意思。如果你的意思是你不想使用pass the form element to a javascript function,你可以这样做:

代码语言:javascript
复制
for (var i = 0; i < document.form_name.radio_name.length; i++) {
    if (document.form_name.radio_name[i].checked) {
        // ...
    }
}

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

代码语言:javascript
复制
var span = document.getElementById("span_id");
var inputs = span.getElementsByTagName("input");
for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].checked) {
        // ...
    }
}
票数 10
EN

Stack Overflow用户

发布于 2010-08-13 08:47:54

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

代码语言:javascript
复制
$("input:radio").each(function(){
   //do something here
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3473117

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档