Ajax mit mysql und checkboxes

Question

Ich habe Kontrollkästchen auf meiner Seite, für die ich ihren Status über Ajax an die Datenbank senden möchte. Alles funktioniert mit SELECT und OPTIONS, aber ich weiß nicht, die gleichen Dinge mit mehreren Kontrollkästchen zu tun und wie man den Wert von ihnen bekommen.

Die Daten nur für eine Checkbox retrived? Wenn ich Checkbox es

Irgendwelche Ideen doen't

Arbeit ändern?

mein Code sieht aus wie this->

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

versuchen Sie dieses

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