abbas3zaar
سه شنبه 08 فروردین 1396, 18:03 عصر
سلام. این فرم زیر منه:
میخوام وقتی با + تعداد مثلا 2 انتخاب شد تعداد رو ضرب در قیمت واحد کنه و در قسمت جمع کل نشون بده
http://uupload.ir/files/5pxb_3453453453.jpg
این کد HTML من:
<tr>
<td>فلافل</td>
<td>
<div class="input-group number-spinner">
<span class="input-group-btn">
<button class="btn btn-default" data-dir="dwn"><span class="glyphicon glyphicon-minus"></span></button>
</span>
<input type="text" class="form-control text-center" value="0">
<span class="input-group-btn">
<button class="btn btn-default" data-dir="up"><span class="glyphicon glyphicon-plus"></span></button>
</span>
</div>
</td>
<td>2500</td>
<td></td>
</tr>
اینم کد مربوط به Spinner (کاهش و افزایش دهنده تعداد):
<script>
$(document).on('click', '.number-spinner button', function () {
var btn = $(this),
oldValue = btn.closest('.number-spinner').find('input').val().trim(),
newVal = 0;
if (btn.attr('data-dir') == 'up') {
newVal = parseInt(oldValue) + 1;
} else {
if (oldValue > 1) {
newVal = parseInt(oldValue) - 1;
} else {
newVal = 0;
}
}
btn.closest('.number-spinner').find('input').val(newVal);
});
</script>
میخوام وقتی با + تعداد مثلا 2 انتخاب شد تعداد رو ضرب در قیمت واحد کنه و در قسمت جمع کل نشون بده
http://uupload.ir/files/5pxb_3453453453.jpg
این کد HTML من:
<tr>
<td>فلافل</td>
<td>
<div class="input-group number-spinner">
<span class="input-group-btn">
<button class="btn btn-default" data-dir="dwn"><span class="glyphicon glyphicon-minus"></span></button>
</span>
<input type="text" class="form-control text-center" value="0">
<span class="input-group-btn">
<button class="btn btn-default" data-dir="up"><span class="glyphicon glyphicon-plus"></span></button>
</span>
</div>
</td>
<td>2500</td>
<td></td>
</tr>
اینم کد مربوط به Spinner (کاهش و افزایش دهنده تعداد):
<script>
$(document).on('click', '.number-spinner button', function () {
var btn = $(this),
oldValue = btn.closest('.number-spinner').find('input').val().trim(),
newVal = 0;
if (btn.attr('data-dir') == 'up') {
newVal = parseInt(oldValue) + 1;
} else {
if (oldValue > 1) {
newVal = parseInt(oldValue) - 1;
} else {
newVal = 0;
}
}
btn.closest('.number-spinner').find('input').val(newVal);
});
</script>