Loop over html table and get names of checked checkboxes (JQuery)

Question

I have an HTML table with a checkbox in each row.

I want to loop over the table and see if there are any checkboxes that are checked. The following does not work:

$(document).on("click", "#Button2", function(event)
{
        $('#mytable').find('input[type="checkbox"]:checked').each(function()
        {
                console.log($(this).text());
        });
});

https://jsfiddle.net/dHZS9/696/

In the above fiddle Initially Select some checkboxes (For example A , B , H)

On click of a button how to get names for which checkbox is selected (For Example A, B, H) in this case

trincot · Accepted Answer · 2016-10-04 14:35:02Z

1

The texts do not belong to the input elements you loop over, but to their parent elements (labels), so replace your console.log by this:

console.log($(this).parent().text());

Alternatively, you can change the selector and select the labels that have a checked checkbox as child:

$('#mytable').find('label:has(input[type="checkbox"]:checked)').each(function() {
    console.log($(this).text());
});

answered Oct 4, 2016 at 14:35

trincot

357k38 gold badges282 silver badges339 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Radames E. Hernandez · Accepted Answer · 2016-10-04 14:44:10Z

0

The text is not within the input check, for that reason the $(this).text() does not work.

You need to go to your parent of your checkout input in this case to your label tag and now execute the .text() function to get the text.

Change your line like this:

console.log($(this).parent().text());

Regards!

answered Oct 4, 2016 at 14:44

Radames E. Hernandez

4,45532 silver badges38 bronze badges

Collectives™ on Stack Overflow

Loop over html table and get names of checked checkboxes (JQuery)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related