Question

我有一个页面，其中显示了来自数据库的下一个条目的一系列复选框，它们每个都有一个onClick事件，用于将Ajax写入数据库的值。

我希望在表单上有一个切换所有复选框的按钮，所以我使用了以下函数/ jQuery：

function toggle_chk_links(){
    $(".chk_user_link").click();
};

它在视觉上运行良好，唯一的问题是虽然它根据需要触发onClick事件，但是它的旧值读取了复选框，因此数据库得到的值与所需的值相反！这是读取其onClick事件中的复选框的行：

active=Number($("#chk_brandlink"+brand_ID).prop("checked"));

我需要用户能够手动点击每个复选框，并将它们全部切换，理想情况下使用一个onClick函数调用。有什么建议吗？

Answer 1

最简单的解决方案是处理onchange事件而不是onclick事件。

$(".chk_user_link").change(function() {
  // your change handler
});