检查循环中单独 div 中的单选按钮，并有延迟

Question

我有使用单选按钮的html选项卡，就像这个演示 https://css-tricks.com/examples/CSSTabs/radio.php 一样。标记如下所示：

<div class="tab">
<input type="radio">
<p>Content shown when radio button is checked</p>
</div>
<div class="tab">
<input type="radio">
<p>Content shown when radio button is checked</p>
</div>
<div class="tab">
<input type="radio">
<p>Content shown when radio button is checked</p>
</div>

现在我想运行一个循环，在一个选项卡内容之后自动显示一个选项卡内容（因此自动检查单选按钮，取消选中前一个），然后循环回第一个收音机并开始检查，再次显示第一个内容。

我

在这里找到了一个非常相似的解决方案：延迟检查循环中的单选按钮，但它对我不起作用，因为我将单选按钮放在单独的容器中。

jQuery可以吗？提前感谢任何帮助。

Answer 1

一些抽象的建议（因为问题纯粹是抽象的）：

• 您可以尝试在其第一个公共父级上使用 click 事件处理程序 因为它会在那里冒泡，并将当前检查的无线电保存到 变量，以便能够以编程方式检查/取消选中它。
• 或者将所有无线电的引用保存到阵列并处理它们 每次点击收音机时您喜欢的任何内容。