PDA

View Full Version : دسترسی و تغییر یک td خاص



rayangostar_co
دوشنبه 04 اسفند 1393, 11:41 صبح
با سلام و احترام

یه جدول دارم با چهار ستون که دارای ستون نام کالا - تعداد - مبلغ - جمع کل که ستون تعداد شامل تگ input می باشد.

میخوام وقتی که سطر شامل مقدار تعداد کالا تغییر پیدا کرد جمع کل سطر هم محاسبه و تغییر پیدا کنه.

Freedon_23
دوشنبه 04 اسفند 1393, 21:49 عصر
سلام دوست عزیز
کد HTML


<table>

<tr>
<th>name</th>
<th>price</th>
<th>count</th>
<th>total</th>
</tr>
<tr>
<td>test1</td>
<td class="price">500000</td>
<td>
<select name="count" class="count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
<td>
<input type="text" value="" class="total" />
</td>
</tr>
<tr>
<td>test2</td>
<td class="price">1000</td>
<td>
<select name="count" class="count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
<td>
<input type="text" value="" class="total" />
</td>
</tr>
</table>

و کد جی کوئری جهت محاسبه جمع کل هر سطر:

jQuery(document).ready(function() {
jQuery('select.count').on('change', function() {
var count = jQuery(this).val();
var price = jQuery(this).parent().parent('tr').find('td.price' ).text();
var total = (count*price);
jQuery(this).parent().parent('tr').find('input.tot al').attr('value', total);
})
});

موفق باشید