jquery - 获取复选框的 id？ - jQuery

Question

嘿，我想知道如何在选中复选框时获取其 id。

这就是我的 HTML 最初的样子:

<div class="check_filter">

    <div id="filter">
        <input type="checkbox" id="check1" /><label for="check1">Marketing</label>
        <input type="checkbox" id="check2" /><label for="check2">Automotive</label>
        <input type="checkbox" id="check3" /><label for="check3">Sports</label>
    </div>

</div><!-- End check_filter -->

我假设 jQuery 看起来像这样:

$(document).ready(function() {    
    $(":checkbox").click(function(){
        var id = $(this).attr('id');

        $.post("index.php", { id: id });
       //return false to ensure the page doesn't refresh
       return false;
    });    
});

我正在尝试获取选中的项目 id，然后将该 id 发布到 mysql 查询中，以从数据库中获取该 id 的结果。

感谢您对此提供的任何帮助。

Answer 1

您可能想要 change事件在这里，像这样:

$(function() {
  $(":checkbox").change(function(){
    $.post("index.php", { id: this.id, checked: this.checked });
  });    
});

只要复选框发生更改，就会发布此消息，并让 PHP 端知道 ID 以及是否已选中。