Значение флажка jQuery Ajax

Question

У меня есть флажки на моей странице, для которых я хотел бы отправить свое состояние обратно в базу данных через ajax. Я знаю, как использовать jquery с ajax и как работать с SELECT и OPTIONS, но я не знаю, чтобы делать то же самое с несколькими флажками и как получить от них значение. Все работает, когда идентификатор прикреплен к одному флажку, но когда я прикрепляю id к нескольким флажкам, он не работает (кроме первого флажка)

Любые идеи?

мой код выглядит this->

 <form> 
      <div class="checkbox" > 
      <label><input type="checkbox" value="1" id="item">что то</label> 
      <label><input type="checkbox" value="1" id="item">Шорты</label> 
      <label><input type="checkbox" value="3" id="item">Классическая</label> 
      </div> 
</form> 



<script> 
$(document).ready(function() { 
$('#item').on('click',function(){ 


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

}); 
</script> 

Answer 1

Используйте класс. Ожидается, что идентификаторы будут уникальными на одной странице. Классы используются для группировки элементов вместе.

<tag id="a">A</tag><tag id="a">B</tag> $('#a') 
becomes 
<tag class="a">A</tag><tag class="a">B</tag> $('.a') 

Answer 2

Id должен быть уникальным вы можете использовать class вместо Id.