如何在使用ajax或jquery选中和取消选中时设置复选框的值

时间:2014-10-06 16:12:38

标签: javascript jquery html ajax checkbox

我需要在选中和取消选中时获取复选框的值,并将其保存在数据库中。如果选中则值为1,如果未选中则为0。我目前正在使用下面的代码段,它会在我提醒时显示我想要的结果。但是在数据库中保存时会出现问题。它仍然获得我在复选框E.G中设置的值:值=' 1'。

这是我的jQuery代码:

$(document).ready(function() {
    $('input[type="checkbox"]').click(function() {
        var val = this.type == "checkbox" ? +this.checked : this.value ;            
    });
});

这是我的HTML复选框:

<input type="checkbox" value="1" name="one_by_one" id="one_by_one" class="one_by_one">One

2 个答案:

答案 0 :(得分:4)

可能你想要这个:

$('input[type="checkbox"]').click(function () {
    $(this).prop("checked") ? $(this).val("1") : $(this).val("0")
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" value="1" name="one_by_one" id="one_by_one" class="one_by_one">One

答案 1 :(得分:2)

复选框的值永远不会改变(单独)。如果未选中该复选框,则其值不会被发送到服务器。因此,在服务器端,您应该检查请求中是否包含one_by_one并相应地设置值(例如,如果不存在,则设置0,如果不存在,则设置one_by_one的值)。