使用 jQuery 循环遍历 HTML 复选框

Question

我正在尝试使用 jQuery 编写执行以下操作的内容。

当您单击某个段落时，它会检查复选框是否被选中（选中），是否等待 x 时间量并选中下一个复选框，依此类推。

我得到的最接近的（不多，抱歉）you can see it here。

在此示例中，您必须为每个检查单击一次，我不想要这个。

当你点击<p>时我需要它：

• 检查，
• 变化，
• 检查，
• 变化（等等）

如果可以循环，那就更好了。

先多谢了，希望够清楚，如果没有，请追问！

编辑：正如@James所说，基本上我想要的是想要

不断循环 复选框选中和取消选中 他们

Answer 1

你的意思是这样的吗？

$('p').click(function() {
    $(':checkbox').each(function(i) {
        var current = $(this);
        setTimeout(function() { current.attr('checked', !current.attr('checked'))}, i*500);
    });
});

在这里更新了 jsFiddle：http://www.jsfiddle.net/jXHTJ/2/

更新：更改每次点击的顺序（根据 cmets 中的要求），以便按顺序选中/取消选中复选框 {1,2,3} 然后 {2,3,1} 然后 {3,1 ,2}，可以使用如下代码：

(function() {
    var startWith = 0;
    $('p').click(function() {
        var checkboxes = $(':checkbox');
        var numCheckboxes = checkboxes.length;
        checkboxes.each(function(i) {
            var current = $(this);
            var delay = (i + startWith) % numCheckboxes;
            setTimeout(function() { current.attr('checked', !current.attr('checked'))}, delay*500);
        });
        startWith = ++startWith % numCheckboxes;
    });
})();

请注意，我将代码封装在我立即执行的匿名函数中，这样我就不会用 startWith 变量污染全局命名空间。更新的 jsFiddle 在这里：http://www.jsfiddle.net/jXHTJ/3/