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) }); 
}); 
});