如何通过选中复选框来获取行值

时间:2014-05-27 08:27:28

标签: javascript jquery

在这个fiddle中,每个复选框都有id,它是从json获得的。还有一个下拉列表也对应每一行

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

Good,Average&amp;复选框选择不佳。的 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(','));
    } 
});