JS检查复选框是否被选中保留初始值

Question

我有一个表单可以用多个复选框来更新个人数据，这些复选框可以被初始选中或不选中。

<form method="post" id="up_mission"> 
    <input checked type="checkbox" id="first"> 
    <input type="checkbox" id="second"> 
    <button class="btn btn-default" type="submit" id="update_mission<?php echo $id_mission ?>"</button> 
</form> 

和JS：

$(function() { 
     $("form[id^='up_mission']").submit(function() { 
     var value1 = document.getElementById("first").checked; 
     var value2 = document.getElementById("second").checked; 
     $.post("update_mission.php", {value1: value1, value2:value2}, functon(data) { console.log(data) }); 
    }); 
}); 

在update_mission.php有一个简单的SQL查询与新闻价值进行更新，我也做var_dump($_POST);并印发了第一和第二的值总是那些我最初放在<input>如果我取消选中或选中复选框，则无关紧要。

我该如何修复它？

这里是php文件的一部分：

var_dump($_POST); 
$first = $_POST['value1']; 
$second = $_POST['value2']; 
if ($first == "true") { $first = "on";} 
else {$first = "0";} 
if ($second == "true") { $second = "on";} 
else {$second = "0";} 
update_miss = "UPDATE table SET First = 'first', Second = 'second'[...] WHERE my_condition"; 
// I connect to my DB, and do the query, and there is no problem here 
// I also have text input in my form and they update pretty well 

Answer 1

使用$('#first').is(':checked')和$('#second').is(':checked')检测复选框的状态。

$(function() { 
    $("form[id^='up_mission']").submit(function() { 
    var value1 = $('#first').is(':checked') ? 1 : 0; 
    var value2 = $('#second').is(':checked') ? 1 : 0; 
    $.post("update_mission.php", {value1: value1, value2: value2}, functon(data) { console.log(data) }); 
}); 
});