Вход

Просмотр полной версии : И снова таблица

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
Можно закрывать.