Javascript getElementsByClassName转换为自动ajax调用

我有以下代码作为标题菜单，用于定义当用户单击其中一个按钮时，要使用ajax将数据提取到另一个div中的数据

<div class="btn-group btn-group-devided" data-toggle="buttons">

    <label class="btn btn-transparent grey-salsa btn-circle btn-sm active">

    <input type="radio" name="options" class="toggle" id="option1">Day</label>

    <label class="btn btn-transparent grey-salsa btn-circle btn-sm">

    <input type="radio" name="options" class="toggle" id="option2">Week</label>

    <label class="btn btn-transparent grey-salsa btn-circle btn-sm">

    <input type="radio" name="options" class="toggle" id="option3">Mont</label>

</div>

白天
周
蒙特

我还计划使用setInterval每隔几分钟自动刷新一次数据。我的问题是：如何使用标签类active作为标识符来识别当前选择的选项？在这种情况下如何使用getElementsByClassName

我正在考虑获取innerHtml，然后在ajax处理中使用if条件

---

谢谢

我建议为此使用

querySelector

：

var active=document.querySelector（'label.active input'）；
如果（活动）{
console.log（active.id）；
}

白天
周
蒙特

您可以使用和子选择器：

var checkedButton = document.querySelector('label.active > input');

但是，更可靠的解决方案（因为它不依赖于CSS类中的“元数据”）可能是迭代单选按钮，并查看选择了哪一个：

var buttons = document.querySelectorAll('input[name=options]');
var checkedButton;
for (var i = 0; i < buttons.length; i++) {
    if (buttons[i].checked) {
        checkedButton = buttons[i];
        break;
    }
}

var buttons=document.querySelectorAll（'input[name=options'）；
var检查按钮；
对于（变量i=0；i

您可以通过调用

getElementsByTagName

然后检查

className

是否包含

active

来遍历

标签

元素。如果它包含

活动的

，您可以调用

nextElementSibling

。很好！谢谢，我会调查的。太棒了，我会调查的。谢谢