И снова таблица
Есть таблице где должнен генерироватся последний столбец в каждой строке с помощью 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> |
Что-то получилось.
<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> |
Можно закрывать.
|
Часовой пояс GMT +3, время: 04:28. |