How to find whether a checkbox is selected inside a div using JQuery?

Question

Hi, I am having a div like

<div style="" id="listColumns">
   <input type="checkbox" id="77"/>Name
   <input type="checkbox" id="78"/>Designation
   <input type="checkbox" id="79"/>Address
   <input type="checkbox" id="80"/>Email - Id
   <input type="checkbox" id="81"/>Date Of Birth
</div>

I am trying to find what are all fields are checked using JQuery. How to do so?

Answer 1

$("input:checked")

Go to the docs to read more about jQuery's powerful selectors.

Answer 2

$("#listColumns :checked").each(function() {

    alert(this.id + " is checked");

});

Answer 3

You may get better performance by splitting out the selectors.

$("#listColumns").find("input:checked").each(function() {
       alert(this.id);
});