Getting table values from checkbox in rows

Question

I am working on this demo. How can I push values of checked rows in JS Array or Object?

var obj=[
    {
        id : "001",
        name : "apple",
        category : "fruit",
        color : "red"
    },
    {
        id : "002",
        name : "melon",
        category : "fruit",
        color : "green"
    },
    {
        id : "003",
        name : "banana",
        category : "fruit",
        color : "yellow"
    }
]
$.each(obj, function (index, item) {
     var eachrow = "<tr>"
                 + "<td id="+index+"><input type='checkbox'></td>"
                 + "<td>" + item["id"] + "</td>"
                 + "<td>" + item["name"] + "</td>"
                 + "<td>" + item["category"] + "</td>"
                 + "<td>" + item["color"] + "</td>"
                 + "</tr>";
     $('#tbody').append(eachrow);
});

Raja Jaganathan · Accepted Answer · 2014-09-30 15:31:01Z

1

Try this one,

Live demo

You will get desired output once you click get rows button.

$("#btn").on("click",function(){

    var checkedRows = [];
    $("#tbody tr").each(function(){

        if($(this).find("input").is(":checked")){
            checkedRows.push($(this).find("td:eq(1)").html());
        }    
        console.log(checkedRows);    
    });

    var result = [];

    $.each(obj,function(item){
        if(checkedRows.indexOf(item.id)>-1)
       result.push(item) ;
    });   

      console.log(result);    

});

answered Sep 30, 2014 at 15:31

Raja Jaganathan

36.7k4 gold badges34 silver badges37 bronze badges

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

Comments

Gary Storey · Accepted Answer · 2014-09-30 15:27:00Z

0

If I'm understanding you correctly, you could try something like this:

$(function(){
  $('input[type="checkbox"]').on('change', function(){
    data.push($(this).parent().attr('id'));
  });
});

Updated fiddle here

answered Sep 30, 2014 at 15:27

Gary Storey

1,7822 gold badges15 silver badges19 bronze badges

Collectives™ on Stack Overflow

Getting table values from checkbox in rows

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