jQuery Ajax 复选框值

Question

我的页面上有复选框，我想通过 ajax 将它们的状态发送回数据库。我知道如何将 jquery 与 ajax 一起使用以及如何使用 SELECT 和 OPTIONS，但我不知道用几个复选框做同样的事情以及如何从中获取价值。 当 id 附加到一个复选框时一切正常，但是当我将 id 附加到几个复选框时它不起作用（第一个复选框除外）

有什么想法吗？

我的代码看起来像这样->

       <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

使用类。 ID 应在单个页面上是唯一的。类用于将元素组合在一起。

<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。