View Full Version : How to detect a check box value in a row?

10-05-2009, 10:16 PM
I have a table with variable number of rows. Each row has two columns. The first column has check boxes which user can select or deselect. The second column has some text. When user clicks on a button on the page, for each row, I need to see if the check box is checked and if so, I need to get the text in the second column for the corresponding row. How can I do this using jQuery? Thanks.

10-06-2009, 05:18 PM
The easy way is to relate the checkbox with the text's container using the ID, class, or some other attribute. Actually I'd use class, so you can assign the same name to each (IDs should be unique).

<input type="checkbox" class="chk100"><span class="chk100">Text1</span><br />
<input type="checkbox" class="chk200"><span class="chk200">Text2</span><br />
<input type="checkbox" class="chk300"><span class="chk300">Text3</span><br />
<input type="button" id="btn">

Then find all checked checkboxes and get the text for each:

$(function() {
$("#btn").click(function() {
var textArray = [];
$("input:checked").each(function() {
textArray.push($("span." + $(this).attr("class")).text());
//just to demonstrate that values are now in the array
for (var i in textArray) {