检查循环中单独div中的单选按钮是否有延迟

时间:2016-03-11 09:04:34

标签: javascript jquery html tabs radio-button

我有使用单选按钮的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>

现在我想运行一个循环来自动显示一个标签内容(因此自动检查单选按钮,取消选中前一个)延迟,然后循环回第一个收音机并开始检查,再次显示第一个内容。

我在这里找到了一个非常类似的解决方案:Check radio buttons in a loop with a delay但它对我不起作用,因为我已将单选按钮放在不同的容器中。

jQuery可以吗? 提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

很少有抽象的建议(因为一个问题纯粹是抽象的):

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