Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2017, 08:32
Новичок на форуме
Отправить личное сообщение для Echkaa17 Посмотреть профиль Найти все сообщения от Echkaa17
 
Регистрация: 18.02.2017
Сообщений: 7

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

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

ВОт код
<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>
Ответить с цитированием
  #2 (permalink)  
Старый 19.02.2017, 09:28
Новичок на форуме
Отправить личное сообщение для Echkaa17 Посмотреть профиль Найти все сообщения от Echkaa17
 
Регистрация: 18.02.2017
Сообщений: 7

Что-то получилось.
<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>
Ответить с цитированием
  #3 (permalink)  
Старый 19.02.2017, 13:28
Новичок на форуме
Отправить личное сообщение для Echkaa17 Посмотреть профиль Найти все сообщения от Echkaa17
 
Регистрация: 18.02.2017
Сообщений: 7

Можно закрывать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Формы, динамическая таблица |Alexxx|# Элементы интерфейса 21 15.04.2015 20:16
Скрипт, форма, таблица. Обероныч Общие вопросы Javascript 9 28.10.2014 09:51
Таблица псевдографикой Vit (X)HTML/CSS 3 27.11.2012 09:03
JS и таблица pavel24071988 Общие вопросы Javascript 2 02.08.2011 16:40
jqgrid. таблица не отображается в Mozilla и Google Chrom skalka jQuery 0 19.07.2011 09:19