javascript - 从行中的复选框获取表值

Question

我正在研究this demo 。如何将检查行的值推送到 JS 数组或对象中？

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);
});

Answer 1

试试这个，

Live demo

单击“获取行”按钮后，您将获得所需的输出。

$("#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);    

});