JavaScript 对点击事件进行排队

Question

我有一长串复选框，如下所示:

 <input class='masterCheckbox' type='checkbox' onclick='clickAll()' />

 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' />
 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' checked />
 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' checked />
 ... lets say there's exactly 100 ...
 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' />
 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' />
 <input class='modifyDb' type='checkbox' onclick='ajaxCall(someId)' checked />

ajaxCall() 函数对 PHP 页面进行 ajax 调用(使用 jQuery)，以在数据库中进行一些更改。

我希望 masterCheckbox 复选框在选中时遍历所有未选中的复选框并单击它们，以便它们各自进行单独的 ajax 调用。

使用 jQuery，我设法获取所有 modifyDb 复选框，然后使用名为 .click() 的 .each() 函数在每个元素上。这在视觉上有效；复选框已切换，但未进行 ajax 调用。

这是因为 ajax 调用速度太快吗？我可以以某种方式对函数调用进行排队吗？

Answer 1

使用触发器。
以下代码重新运行所有 .modifyDb

的 onclick

function clickAll() {
    $('.modifyDb').trigger('click');
}

引用

• http://api.jquery.com/trigger/