如何使用ajax或jquery選中和取消選中時設置復選框的值

Question

我需要獲取已選中和未選中的復選框的值，並將其保存在數據庫中。 如果選中，則值為1；如果未選中，則值為0。 我目前正在使用下面的代碼段，當我提醒它時，它會顯示我想要的結果。 但是問題出在保存在數據庫中時。 它仍然會獲得我在復選框EG中設置的值：value ='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

Answer 1

可能您想要這樣：

 $('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 

Answer 2

復選框的值永遠不會改變（本身）。 如果未選中該復選框，則其值將不會直接發送到服務器。 因此，在服務器端，您應該檢查請求中是否包含one_by_one並相應地設置值（例如，如果不存在，則設置為0如果存在，則設置為one_by_one的值）。