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

时间:2016-12-16 14:02:33

标签: javascript php forms checkbox

我有一个表单来更新个人数据,其中包含多个可以初次检查的复选框。

<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);,第一个和第二个打印的值总是我最初放在{{1}中的值如果我取消选中或选中复选框,它就不重要了。

我该如何解决?

以下是php文件的一部分:

<input>

1 个答案:

答案 0 :(得分:0)

使用$('#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) });
});
});