2014-01-12 3 views
0

Я создаю корзину покупок, где пользователь может динамически добавлять элемент, создавая новую строку в таблице. Каждая строка имеет 3 флажка, и мне нужно выполнить вычисления на основе значений флажка. Я дал Ряды имя класса data_row и флажком я доступ к ихJQuery - динамические строки с несколькими значениями флажков

$('.data_row').each(function(){ 

$(this).find('input:checked').each(function(){ 

------ 
}); 
}); 

Вот HTML-код

<tr class="data_row" > 
    <td><input type="text" class="form-control" placeholder="Quantity" style="width:100px; margin-top:25px"></td> 

    <td><input type="text" class="form-control" placeholder="Item Description" style="width:150px;display:inline-block" > 

    <span class="checkbox" style=" margin-left:10px; display:inline-block"> 
    <input type="checkbox" class="item_type" value="General"> General Goods<br> 
    <input type="checkbox" class="item_type" value="Import">Import<br> 
    <input type="checkbox" class="item_type" value="BFM">Books,Food, Medical Products 
    </span> 

     </td> 
    <td><input type="text" class="form-control price" placeholder="Price" style="width:100px;margin-top:25px"></td>  
    </tr> 

Я динамически вставляя новую строку, используя Jquery клон, как

$(document).on('click','.add',function() { 

     $('table tbody>tr.data_row:last').clone(true).find('input').val('').end().find('input[type=checkbox]').removeAttr('checked').end().insertAfter('table tbody>tr.data_row:last'); 
    return false; 

    }); 

Проблема заключается в том, что внутренний цикл для определения значения флажка показывает одни и те же данные для каждой строки, а не для конкретного значения этой строки. Я не могу понять это. В случае, если вам нужно, чтобы увидеть полный код здесь ссылка http://plnkr.co/edit/dUlp7CoBtOOhzmV7LG2A?p=info

ответ

0

Друг это очень просто .. мы должны получить конкретный текстовое поле его ..

, например,

ваши расходы ряд текстовое поле идентификатор 101, в данном случае 01 является постоянным, и 1 применяются для изменения затем

написать на на функции изменения некоторых вещей, как это

function getid(obj){ 
    var i = obj.id.split("01")[0]; 
    var val = obj.value; 
    //now comes to calculation part 
    var total += val; 
} 
Смежные вопросы