JS, ob das Kontrollkästchen aktiviert ist, den Anfangswert beibehalten

Question

Ich habe ein Formular, um persönliche Daten mit mehreren Checkboxen zu aktualisieren, die anfänglich überprüft werden können oder nicht.

<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> 

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

In update_mission.php gibt es eine einfache SQL-Abfrage mit Nachrichten Werte zu aktualisieren und ich auch var_dump($_POST); und die gedruckten Werte für erste und zweite sind immer diejenigen, die ich zunächst in die <input> gesetzt ist es egal, wenn ich das Kontrollkästchen deaktivieren oder aktivieren.

Wie kann ich es bitte reparieren? Hier

ist der Teil der PHP-Datei:

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

Verwenden $('#first').is(':checked') und $('#second').is(':checked') Zustand des Kontrollkästchen zu erkennen.

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