Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
- <script>
- $(document).ready(function() {
- $("#accordion").accordion();
- $(":checkbox").click(function() {
- var sum = 0;
- $(':checkbox:checked').each(function(){
- sum += parseInt($('span[class=price]', $(this).parents('tr:first')).html());
- });
- $("#total_price").html(sum);
- });});
- </script>
- </head>
- <body style="font-size:62.5%;width:80%;margin:20px auto;">
- <div id="accordion">
- <h3><a href="#">Горячие закуски</a></h3>
- <div>
- <table>
- <tr>
- <td><label for="cb_01">Закуска 1</label></td>
- <td><input id="cb_01" type="checkbox"/></td>
- <td><span class="price">10</span> р.</td>
- </tr>
- <tr>
- <td><label for="cb_02">Закуска 2</label></td>
- <td><input id="cb_02" type="checkbox"/></td>
- <td><span class="price">50</span> р.</td>
- </tr>
- <tr>
- <td><label for="cb_03">Закуска 3</label></td>
- <td><input id="cb_03" type="checkbox"/></td>
- <td><span class="price">100</span> р.</td>
- </tr>
- </table>
- </div>
- <h3><a href="#">Холодные закуски</a></h3>
- <div>
- <table>
- <tr>
- <td><label for="cb_04">Закуска 1</label></td>
- <td><input id="cb_04" type="checkbox"/></td>
- <td><span class="price">250</span> р.</td>
- </tr>
- <tr>
- <td><label for="cb_05">Закуска 2</label></td>
- <td><input id="cb_05" type="checkbox"/></td>
- <td><span class="price">300</span> р.</td>
- </tr>
- <tr>
- <td><label for="cb_06">Закуска 3</label></td>
- <td><input id="cb_06" type="checkbox"/></td>
- <td><span class="price">350</span> р.</td>
- </tr>
- </table>
- </div>
- </div>
- <h2>Всего: <span id="total_price">0</span> р.</h2>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement