javascript - 如何通过选择复选框获取行值

Question

在此fiddle每个复选框都有 id，它是从 json 中获取的。每行也对应一个下拉列表

现在假设我选择了第一行和最后一行 那么复选框值为 1 和 3

选中该复选框后，仅启用下拉菜单。 现在，从第一行开始，我从下拉菜单中选择了文本，从最后一行中选择了选项，之后当我单击“保存”时，它应该返回我 1:text,3,option 这样我就可以将它传递给服务器并进行必要的处理。我所做的方式只给了我 1,2

console.log($(".cd:checked").map(function () {return this.value;}).get().join(","));

Answer 1

根据我对问题的理解，这是一个解决方案。让我知道它是否解决了问题。

<强> FIDDLE

$('#addNew tr').each(function(index,element){
    if($(this).find('.cd').prop('checked')){
        key=$(this).find('.cd').val();
        value=$(this).find('.QSelect').val();
        newObject.push(key + ":" + value);
    } 
});

有“好”、“一般”和“差”复选框选择。 <强> FIDDLE

$('#addNew tr').each(function(index,element){
    if($(this).find('.cd').prop('checked')){
        key=$(this).find('.cd').val();
        value=$(this).find('.QSelect').val();
        var options=[];
        $(this).find('.checkbox-inline input').each(function(i,e){
            if($(this).prop('checked')){
                options.push($(this).parents('label').text());
            }
        });
        newObject.push(key + ":" + value + ":" + options.join(','));
    } 
});