Список с суммированной ценой
Приветствую.
Подскажите, есть 3 списка с ценой и кнопкой заказать, нужно чтобы при нажатии на кнопку заказать , была цена одного списка, и общая цена суммировалась при выборе нескольких. Буду признателен, за помощь :) |
Ramzes94,
:-? |
Вот разметка html для примера, вот что добавить js вопрос?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { font-family: arial } .list { text-align: center; } .list ul { padding: 0; width: 100%; margin: 0; } .list li { display: inline-block; width: 14%; outline: 2px solid #eee; padding: 15px; margin: 5px; } .list li p { font-size: 18px } .list li a { font-size: 16px } .order { text-align: center; background-color: #fbfbfb; padding: 20px 0; margin: 20px 0 0; } .order table { margin: 0 auto; } .order table tr td { border: 1px solid #eee; padding: 10px; } </style> </head> <body> <div class="list"> <ul> <li> <p><strong>1</strong> руб.</p> <a href="#">Заказать</a> </li> <li> <p><strong>2</strong> руб.</p> <a href="#">Заказать</a> </li> <li> <p><strong>3</strong> руб.</p> <a href="#">Заказать</a> </li> <li> <p><strong>4</strong> руб.</p> <a href="#">Заказать</a> </li> </ul> </div> <div class="order"> <table> <tr> <td>цена</td> <td>количество</td> <td></td> </tr> <tr> <td>1</td> <td><input type="number"></td> <td><a href="#">х</a></td> </tr> <tr> <td>3</td> <td><input type="number"></td> <td><a href="#">х</a></td> </tr> </table> <div class="summ"> <p>Общай сумма: <strong>4</strong></p> </div> </div> <script> </script> </body> </html> |
Ramzes94,
не понимаю описания. |
Есть продукция c ценой и кнопкой заказать - при нажатии на кнопку заказать должен появляться список выбранной продукции, у каждой продукции в списке должно быть количество, от которой суммируется общая цена.
А вот так ? :) |
Часовой пояс GMT +3, время: 14:09. |