Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   И снова таблица (https://javascript.ru/forum/jquery/67466-i-snova-tablica.html)

Echkaa17 19.02.2017 08:32

И снова таблица
 
Есть таблице где должнен генерироватся последний столбец в каждой строке с помощью jQuery.
Я уже и разбирался сам, написать пробывал, результат нулевой.

Вторые сутки не сплю.:help:

ВОт код
<DOCTYPE html>
<html>
<head>
	<title>Обработчик</title>
	<meta charset="cp-1251">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

</head>
<body>


	
	<form action="mail.php" method="POST" enctype='multipart/form-data'>
		<table style="border: 1px solid" cellspacing="0" name="table">
			<tr>
				<thead>
					<th>Артикул</th>
					<th>Стоимость опт</th>
					<th>Стоимость розница</th>
					<th>количество</th>
					<th>итого</th>
				</thead>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="2"></td>
				<td></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="5"></td>
				<td></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="11"></td>
				<td></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="16"></td>
				<td></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="22"></td>
				<td></td>
			</tr>
		</table>
		
		<h3 id="display_summa"></h3>
		<input value="Отправить" type="button" onclick="press()"/>
	</form>
<style type="text/css">
	th{
		border: 1px solid;
		text-align: center;
	}
	td{
		border: 1px solid;
		text-align: center;
		height: 50px;
		width: 100px;
	}
</style>


<script>

var td;
var kol;
var i;
var summa = 0;
$(function() {

  $("tr:nth-child(n+1)").each(function(value, tr){


     td = $("input", td);

     kol = td:eq(3);
     alert(kol); //Пытался выяснить где идет заминка..
     i = kol > 5 ? 1 : 2;

     td:eq(4).html(kol * td.eq(i).html())

     summa += +td.eq(4).html()||0;
     
        });
	$('#display_summa').html('Сумма:' + ' ' + summa ); 

});
</script>


</body>
</html>

Echkaa17 19.02.2017 09:28

Что-то получилось.
<script>

$(function() {

  $("tr:nth-child(n+1)").each(function(indx, tr){

     var opt = $(".opt").val();
        var rozn = $(".rozn").val();
		var Value = $(".kolvo").val();
		var ravno = 0;
		if (value => 5) 
		{
			ravno = Value * opt;
		}else{
			ravno = Value * rozn;
		};
     $('.ravno').html(ravno); 
        });

});
</script>

<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input class="opt"  name="opt[]" type="text" value="260"></td>
				<td><input class="rozn" name="rozn[]" type="text" value="300" ></td>
				<td><input class="kolvo" name="kolvo[]" type="text" value="11"></td>
				<td><div class="ravno"></div></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input class="opt"  name="opt[]" type="text" value="330"></td>
				<td><input class="rozn" name="rozn[]" type="text" value="380" ></td>
				<td><input class="kolvo" name="kolvo[]" type="text" value="13"></td>
				<td><div class="ravno"></div></td>
			</tr>
			<tr>
				<td><input name="id[]" type="text" value="1"></td>
				<td><input name="opt[]" type="text" value="260"></td>
				<td><input name="rozn[]" type="text" value="300"></td>
				<td><input name="kolvo[]" type="text" value="22"></td>
				<td></td>
			</tr>

Echkaa17 19.02.2017 13:28

Можно закрывать.


Часовой пояс GMT +3, время: 11:33.