Overview: Get all selected checkbox values jQuery. This post explain how to get all the ids of selected checkbox and stored it in a array variable. First we use $.each() which loop over all checkboxes , then we use $.is(“:checked”) which returns boolean value i.e whether its checked or unchecked. If its checked .i.e return “true” then we use jQuery $.attr() method to fetch ID attribute of corresponding checkbox and stored it in array variable , here ‘arr’ is our array variable.
JQUERY:
$("#btnGetAllSelected").on('click', function () {
var arr = [];
$("input[type=checkbox]").each(function () {
var self = $(this);
if (self.is(':checked')) {
arr.push(self.attr("id"));
}
});
console.log(arr);
});
Conclusion: Here using $.each() and .attr() we able to get all selected checkbox values.
Thank you for reading, pls keep visiting this blog and share this in your network. Also, I would love to hear your opinions down in the comments.
PS: If you found this content valuable and want to thank me? 👳 Buy Me a Coffee
Post Comment
Your email address will not be published. Required fields are marked *