Я создаю корзину покупок, где пользователь может динамически добавлять элемент, создавая новую строку в таблице. Каждая строка имеет 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