Javascript ajax表单在提交数据时忽略我的复选框重置为默认值

我的网站有一个HTML表单，需要通过JQuery AJAX提交：

我的问题是，提交数据时，复选按钮值被忽略

HTML代码：

<form id="form" name="form">
        <fieldset id="fieldset">
            <legend id="legend">Filter</legend>
            <input type="checkbox" name="filterFailed" id="filterFailed" a>Failed
            <input type="checkbox" name="filterAlert" id="filterAlert" >Alert
            <input type="checkbox" name="filterWarning" id="filterWarning" >Warning
            <input type="checkbox" name="filterNotReceived" id="filterNotReceived" >Not Received
            <input type="checkbox" name="filterOther" id="filterOther" >Other
            <input type="checkbox" name="filterSuccess" id="filterSuccess" >Success
            <input type="submit"/>
        </fieldset>
    </form>

问题:

---

为什么在提交表单时复选框会重置为默认值（我的PHP脚本总是收到默认复选框状态“filterFailed=true”忽略我的选择）？

Mohit Arora的解决方案：

$(document).ready(function() {
    $('form').submit(function(event) {
        event.preventDefault();
            getNotifications();
    });
});

---

尝试检查复选框是否具有选中名称的属性，而不是像document.form[“filterFailed”].hasAttribute（“checked”）@它没有起作用。感谢您的快速响应用event.preventDefault（）替换e.preventDefault（）@莫希塔罗拉：谢谢你的工作！

$(document).ready(function() {
    $('form').submit(function(event) {
        event.preventDefault();
            getNotifications();
    });
});