Alex Rivera | Logout

Get id of a checkbox? - jQuery

Asked 2010-07-29T15:05:51.830
16

Hey, I am wondering how to get the id of a checkbox when it is checked.

This is what my HTML would probably look like at first:

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

I'm assuming the jQuery would look something like this:

$(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;
    });    
});

I'm trying to get the checked item id and then post that id in a mysql query to grab the results of the id from the database.

Thanks for any help on this.

Edit
Report

1 Answer

8

The jQuery you provided works fine? You should probably remove the return false to show that the checkbox has been checked.

EDIT: $.post() is for an async request (AJAX technique) so there will be no page refresh.

EDIT 2: You may also want to see if the checkbox is checked (not just that it has been clicked):

$(document).ready(function() {    
  $(":checkbox").click(function(){
        var id = $(this).attr('id');
        var isChecked = $(this).attr('checked'));
        $.post("index.php", { id: id, isChecked: isChecked });
    });    
});
answered 2010-07-29T15:08:48.393

Your Answer