使用mysql和複選框的Ajax

Question

我在我的頁面上有複選框，我想通過ajax將它們的狀態發送到數據庫。 一切都適用於SELECT和OPTIONS，但我不知道用幾個複選框做同樣的事情，以及如何從它們中獲取值。

的數據僅用於一個複選框retrived？當我改變複選框它doen't工作

任何想法？

我的代碼看起來像這個 - >

$('.item').on('click', function() { 
 

 
    var name = $('.item').val(); 
 
    $.post('load.php', { 
 
    name: name 
 
    }, function(data) { 
 
    $('#name-data').html(data); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <div class="checkbox"> 
 
    <label> 
 
     <input type="checkbox" value="1" class="item">что то</label> 
 
    <label> 
 
     <input type="checkbox" value="1" class="item">Шорты</label> 
 
    <label> 
 
     <input type="checkbox" value="3" class="item">Классическая</label> 
 
    </div> 
 
</form>

Answer 1

試試這個

$(document).ready(function() { 
 

 
    $(".checkbox").on("change", ".item", function() { 
 
    alert('event'); 
 
    if (this.checked) { 
 
     alert('post'); 
 
     $.post('load.php', { 
 
     name: name 
 
     }, function(data) { 
 
     $('#name-data').html(data); 
 
     }); 
 

 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <div class="checkbox"> 
 
    <label> 
 
     <input type="checkbox" value="1" class="item">что то</label> 
 
    <label> 
 
     <input type="checkbox" value="1" class="item">Шорты</label> 
 
    <label> 
 
     <input type="checkbox" value="3" class="item">Классическая</label> 
 
    </div> 
 
</form>

online demo link