Форум

Officeoff.ru · #1 (**permalink**) 26.03.2014, 10:38

Доброго времени суток. Не могу понять, почему не происходит умножение.

<html>
<head>
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.str').on("keyup",".quantity",".price",function(){
	var kol = $("input[name='quantity']",'.quantity').val();
	var price = $("input[name='price']",'.price').val();
	var sum = $("input[name='sum']",'.sum').val();
	var result = kol * price;
	if(!isNaN(result)){
     sum.val(result);
   }
});
});
</script>
</head>
<body><table class='table'>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
</table>
</body>
</html>

Должно происходить по событию keyup.

ksa · #2 (**permalink**) 26.03.2014, 11:06

Сообщение от Officeoff.ru

Не могу понять, почему не происходит умножение

Понимать-то особо нечего... Просто ты фигню какую-то написал...
Как вариант

<html>
<head>
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.str').on("keyup",".quantity, .price",function(){
		var o=$(this.parentNode.parentNode);
		var kol = o.find('.quantity').val();
		var price = o.find('.price').val();
		var result = kol * price;
		if (!isNaN(result)) {
			o.find('.sum').val(result);
		};
	});
});
</script>
</head>
<body><table class='table'>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
</table>
</body>
</html>

рони · #3 (**permalink**) 26.03.2014, 11:29

ksa,

o=$(this.parentNode.parentNode);

не

o=$(this).parents("tr")

? или

o=$(this).parents(".str")

jsnb · #4 (**permalink**) 26.03.2014, 11:35

Почему то вспомнилось это.

Officeoff.ru · #5 (**permalink**) 26.03.2014, 11:52

Спасибо. Действительно бред был ))
Не скажите еще, как можно сложить все результаты строк?
То есть если

<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>

таких строк 10, например. То как сложить все input class=sum?

рони · #6 (**permalink**) 26.03.2014, 11:56

Officeoff.ru,
обойти циклом этот класс

рони · #7 (**permalink**) 26.03.2014, 12:07

Сообщение от Officeoff.ru

То как сложить все input class=sum

а у нас было )))

и вариант для медитации
http://javascript.ru/forum/dom-window/45148-kak-sdelat-takojj-kalkulyator-pri-uslovii-chto-tovarov-mozhet-byt-80-100-a.html#post298023

Officeoff.ru · #8 (**permalink**) 26.03.2014, 12:44

Сообщение от рони

а у нас было )))

и вариант для медитации
http://javascript.ru/forum/dom-window/45148-kak-sdelat-takojj-kalkulyator-pri-uslovii-chto-tovarov-mozhet-byt-80-100-a.html#post298023

Не понимаю я!

<html>
<head>
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.str').on("keyup",".quantity, .price, .discount, .sum" ,function(){
		var o=$(this.parentNode.parentNode);
		var kol = o.find('.quantity').val();
		var price = o.find('.price').val();
		var discount = o.find('.discount').val();
		var result = kol * price;
			if (discount.length>0){
				var discount = result / 100 * discount;
				var result = result - discount;
			}
		if (!isNaN(result)) {
			var result = Math.floor(result*100)/100
			o.find('.sum').val(result);
		}
		$(".sum").each( function () {
		allsum += parseInt( $(this).text(), 10 );
		});
		alert(allsum);
	});
});
</script>
</head>
<body><table class='table'>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td colspan='3'></td><td><input class='allsum' type='text'></td></tr>
</table>
</body>
</html>

Написал такую фигню. В итоге allsum = NaN

рони · #9 (**permalink**) 26.03.2014, 13:12

Officeoff.ru,

<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8">
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.str').on("keyup",".quantity, .price, .discount, .sum" ,function(){
		var o=$(this.parentNode.parentNode);
		var kol = o.find('.quantity').val();
		var price = o.find('.price').val();
		var discount = o.find('.discount').val();
		var result = kol * price;
			if (discount.length>0){
				var discount = result / 100 * discount;
				var result = result - discount;
			}
		if (!isNaN(result)) {
			var result = Math.floor(result*100)/100
			o.find('.sum').val(result);
		}
        var allsum = 0;
		$(".sum").each( function () {
		allsum += +(parseFloat($(this).val())||0).toFixed(2);
		});
		$('.allsum').val(allsum);
	});
});
</script>
</head>
<body><table class='table'>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td><input name='quantity' class='quantity' type='text'></td><td><input name='price' class='price' type='text'></td><td><input name='discount' class='discount' type='text'></td><td><input name='sum' class='sum' type='text'></td></tr>
<tr class='str'><td colspan='3'></td><td><input class='allsum' type='text'></td></tr>
</table>
</body>
</html>

Officeoff.ru · #10 (**permalink**) 26.03.2014, 13:29

рони, спасибо.
Сделал немного по другому, т.к. нужны были знаки после точки

var allsum = 0
        $(".sum").each( function () {
        allsum += Math.floor($(this).val()*100)/100;
        });
        $('.allsum').val(allsum);

Форум

Справочник

Discord чат

Курсы javascript