Select table row and check checkbox using JQuery

Question

I have a table and I want to select the rows that satisfy my criteria and check their respective checkbox. Let's say I want to get the rows with date 2013-03-21. How can I do this using JQuery?

<table>
<tr>
    <td>
        Record1
    </td>
    <td>
        2013-03-21
    </td>
    <td>
        <input type="checkbox"/>
    </td>
</tr>
<tr>
    <td>
        Record2
    </td>
    <td>
        2013-03-22 
    </td>
    <td>
        <input type="checkbox"/>
    </td>
</tr>
<tr>
    <td>
        Record3
    </td>
    <td>
        2013-03-21
    </td>
    <td>
        <input type="checkbox"/>
    </td>
</tr>
</table>

Have you tried to solve your task yourself? If yes - how? And what have you failed at? — zerkms
– zerkms, Commented Mar 26, 2013 at 9:30

Anujith · Accepted Answer · 2013-03-26 09:37:17Z

10

$("table tr").each(function () {
    if ($(this).find("td:eq(1)").text().trim() == '2013-03-21') {
     $(this).find("input[type=checkbox]").attr("checked", true);
  }
});

DEMO

answered Mar 26, 2013 at 9:37

Anujith

9,3686 gold badges35 silver badges48 bronze badges

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

Comments

Adil · Accepted Answer · 2013-03-26 09:38:10Z

1

You can use filter(), You better assign some id to table and use that in selector and be sepecific

Live Demo

trs = $('td').filter(function(){
 if($.trim($(this).text()) == '2013-03-21')
    return $(this).parent();
});

edited Mar 26, 2013 at 9:38

answered Mar 26, 2013 at 9:30

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

Mohamed AbdElRazek · Accepted Answer · 2013-03-26 09:32:35Z

0

you cam use filter:

var tableRow = $("td").filter(function() {
    return $(this).text() == '2013-03-21';
}).closest("tr");

or use contain:

var tableRow = $("tr:has(td:contains('2013-03-21'))");

answered Mar 26, 2013 at 9:32

Mohamed AbdElRazek

1,68414 silver badges18 bronze badges

Collectives™ on Stack Overflow

Select table row and check checkbox using JQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related