Skip to content Skip to sidebar Skip to footer

Count Number Of Checkboxes Checked In A Table Column

I am now struggling with counting number of checkboxes checked in a column. I am trying to count them and display a total at the bottom. My html is as follows. There are alot more

Solution 1:

To get the index of :nth-child()(index starts from 1), you need to add 1 to the value of .index()(starts from 0)

$('#tblRootCauseBody').on('change', 'input[type=checkbox]', function() {
  var index = $(this).closest('td').index() + 1,
    $checked = $(" #tblRootCauseBody tr:not(:last-child) td:nth-child(" + (index) + ") input:checked");
  $('#tblRootCauseBody tr:last-child > :nth-child(' + index + ')').text($checked.length);
});
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><table><tbodyid="tblRootCauseBody"><tr><th>Public Safety</th><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td></td></tr><tr><th>SSW/MS</th><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td><divclass="text-center"><labelclass="checkbox-inline"><inputtype="checkbox"class="chkRootCauseSummary" /></label></div></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table>

Post a Comment for "Count Number Of Checkboxes Checked In A Table Column"