javascript - 使用 AJAX 发布复选框列表而不使用提交按钮

Question

我有一个复选框列表，并且希望在选中该复选框时将其值提交给 PHP。我不想有提交按钮，而是在每次选中复选框时发布值，这样表单就不会刷新并清除选中的复选框。但是，每次我单击其中一个复选框时，都没有任何反应。

这是 HTML:

<form method="post" action="this.form.submit();" name="form1">
        <input type="checkbox" name="checkboxList[]" onclick="function1();" value="1">value1</input>
        <input type="checkbox" name="checkboxList[]" onclick="function1();" value="2">value2</input>
        <input type="checkbox" name="checkboxList[]" onclick="function1();" value="3">value3</input>
</form>

这是 JQuery:

function function1() {
    var data = $("form1").serialize();
    $.ajax({
        url: "test.php", 
        type: "POST",
        async: true,
        cache: false,
        data: data, 
        success: function(data){ 
            alert(data) 
        }
    });
}

编辑:抱歉，忘了提及我已经包含了 JQuery 库。

和“test.php”:

print_r($_POST);

Answer 1

您应该使用 var data = $("[name='form1']").serialize( 而不是 var data = $("form1").serialize(); )。使用这样的普通字符串不会找到任何东西。您必须指定您想要名称为“form1”的元素