javascript - 使用 jquery 读取值错误切换复选框

标签 javascript jquery checkbox

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

我想在表单上有一个按钮来切换所有复选框,所以我使用了以下函数/jQuery:

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

它在视觉上工作得很好,唯一的问题是虽然它根据需要触发了 onClick 事件,但复选框是用它的旧值读取的,所以数据库得到与所需值相反的值!这是在其 onClick 事件中读取复选框的行:

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

我需要用户能够手动点击每个复选框,以及切换所有复选框,最好是使用一个 onClick 函数调用。有什么建议吗?

最佳答案

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

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

示例:http://jsfiddle.net/7zHRm/1/

关于javascript - 使用 jquery 读取值错误切换复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9143363/

相关文章:

javascript - 如果价格为 0,00€,则隐藏按钮

JQuery Tablesorter 文本提取未按预期工作

c# - 枚举到模型 C# MVC4 中的复选框

javascript - 如何获取我的帐户剩余的触发器总运行时间?

javascript - 如何将 JSON 字符串转换为 javascript 中的函数?

javascript - 使用 Webpack 通过 JSON 文件配置 Angular

javascript - 主干点击事件: Trigger only on element actually clicked on

javascript - 如何在 Firefox 中查看/删除本地存储?

wpf - 带有复选框的 ListView

javascript - 如何获取表中复选框的值?