jQuery, check if checkbox is checked with the same class

Question

I'm trying to get values of a table with jQuery. Every table row has a checkbox at the begining. How can I copy data of each row, but only if it's checked. All checkboxes and rows has the same class. Now I'm using this code:

var table = $("table");
    var allRows = [];
    table.find('tr').each(function (i, el) {
        if($('input:checkbox:checked').length > 0){
            var $tds = $(this).find('td'),
            name = $tds.eq(2).text(),
            surname = $tds.eq(4).text();
            allRows.push(surname+";"+name+";"+"\n");
        }
    });
    allRows = allRows.join("");

But it's getting all the lines. How can I do this only for lines which are checked?

Do you have jsfiddle of this? – Yuvraj May 06 '17 at 12:34 — Yuvraj, May 06 '17 at 12:34

score 5 · Answer 1 · edited Jan 22 '18 at 03:29

5

$('.theClass:checkbox:checked') will give you all the checked checkboxes with the class theClass. See also Get all checked checkboxes

edited Jan 22 '18 at 03:29

Satpal

132,252
13
159
168

answered May 06 '17 at 12:48

Daniel Taub

5,133
7
42
72

score 2 · Accepted Answer · answered May 06 '17 at 12:35

2

As of now you are checking any checkbox is checked. the condition needs to be changed.

You need to check the :checked state of the chechbox in current row while iterating.

if($(this).find(':checkbox:checked').length > 0){
   //your existing code
}

answered May 06 '17 at 12:35

Satpal

132,252
13
159
168

Great. Working as I need. Thank you! – passwd May 06 '17 at 12:42

jQuery, check if checkbox is checked with the same class

2 Answers2