如何在单选按钮之间自动切换
How to auto switch between Radio buttons
我正在尝试制作一个自动滑动的滑块。Ie。看下一张图片。这是一个有点特殊的滑块。我有单选按钮来控制它在哪个图像上。
如何让它自动滑动?
<input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
<a href="#st-panel-1">A</a>
<input type="radio" name="radio-set" id="st-control-2"/>
<a href="#st-panel-2">B</a>
<input type="radio" name="radio-set" id="st-control-3"/>
<a href="#st-panel-3">C</a>
<input type="radio" name="radio-set" id="st-control-4"/>
<a href="#st-panel-4">D</a>
使用setInterval和.prop设置每秒钟在单选按钮之间自动切换。
看看这个小提琴
$(document).ready(function() {
setInterval(test, 1000);
var i = 1;
function test() {
i = (i % 4) + 1;
$('#st-control-' + i).prop('checked', true);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<input type="radio" name="radio-set" checked="checked" id="st-control-1" />
<a href="#st-panel-1">A</a>
<input type="radio" name="radio-set" id="st-control-2" />
<a href="#st-panel-2">B</a>
<input type="radio" name="radio-set" id="st-control-3" />
<a href="#st-panel-3">C</a>
<input type="radio" name="radio-set" id="st-control-4" />
<a href="#st-panel-4">D</a>
相关文章:
- 多个单选按钮组相互干扰
- 是否可以禁用jquery中的单个单选按钮
- Javascript:无法获取变量中的单选按钮值
- 通过ajax到php文件获取单选按钮值
- 互斥单选按钮和相应的输入字段
- 用于选择MVC3中单选按钮值的JavaScript
- 如何获取单选按钮的多个实例的选定单选按钮值
- react testUtils模拟点击单选按钮而不触发onchange
- 当选择组中的单选按钮时,jQuery addClass
- Angularjs无法将单选按钮与嵌套范围内的模型绑定
- 客户端单选按钮列表验证
- Javascript:图像与单选按钮的值不匹配
- 如何在Javascript中将单选按钮值保存到cookie中
- JQuery在2个单选按钮组之间同步所选单选按钮
- 在两个单选按钮之间切换
- 访问在html标签之间滑动的单选按钮的值
- 在表单操作与复选框或单选按钮之间交替进行
- 如何在单选按钮之间自动切换
- 如何在单选按钮之间建立关系
- 使背景像单选按钮一样在打开状态和关闭状态之间切换,当单击它时