Question

I am using Jquery to enable all the checkboxes in a table with the help of a single check box. Now, I have got a requirement to pass the ids of all the selected checkboxes to a function(selected_checkbox(id)). If I manually check/uncheck a check box present inside a table, Im able to pass that id to the required function. However, when I select the ‘chkCheckAll’ checkbox to select all the checkboxes present inside the table(which actually uses JQuery), Im unable to pass the ids of all other checkboxes to the javascript function. Pls help

HTML content is available on http://ideone.com/90kiu (I am relatively new to stackoverflow, so I didnt understand on how to put code in this area)

Answer 1

You can iterate over each creating an array of id’s like so:

var ids = [];
$("form input:checkbox").each(function() {
    //check the checkbox
    $(this).prop("checked", true);;
    //add the id to the array
    ids.push(this.id);
});
//check all the checkboxes and return an array of id's
var ids = $("form input:checkbox").prop("checked", true).id();