Expand|Select|Wrap|Line Numbers
- <HTML> <HEAD> <style type="text/css">
- #template {
- display: none;
- }
- .add {
- margin: 5px;
- text-decoration: none;
- }
- </style> <script type="text/jscript" src="http://example.com/New Folder/jquery-1.6.4.js"></script> <script type="text/javascript">
- var $k = jQuery.noConflict();
- $k.fn.sum = function() {
- var sum = 0;
- $k(this).each(function() {
- sum += parseFloat($k(this).val());
- });
- return sum;
- }
- $k(function() {
- $k('input[name^=quantity], input[name^=unitprice]').live("keyup", function() {
- var quantity = parseFloat($k(this).parent().find('input[name^=quantity]').val());
- var unitprice = parseFloat($k(this).parent().find('input[name^=unitprice]').val());
- $k(this).siblings('input[name^=linetotal]').val(quantity * unitprice);
- var sum = $k('input[name^=linetotal]').sum();
- $k('#subtotal').val(sum);
- $k('#tax').val(Math.round(sum * 10 * 100) / 100);
- $k('#total').val(Math.round((sum + Math.round(sum * 10 * 100) / 100) * 100) / 100);
- });
- $k('.add').live('click', function() {
- $k(this).closest('.item').after($k('#template').html());
- $k('form .item').each( function(i) {
- $k(this).find('input[name^=num]').val(i+1);
- var q =$k('this').find('input[name^=num]').val();
- alert(q);
- });
- });
- });
- </script> </HEAD> <body> <div id="template"> <div class="item"> <input name="num" value="1" size="5"> <a href="http://example.com/submit/g/#" class="add">+</a> <input name="desc" value="Description"> <input name="quantity" value="0"> <input name="unitprice" value="0"> <input name="linetotal" value="0"> </div> </div> <form id="item_form"> <div class="item" > <input name="num" value="1" size="5"> <a href="http://example.com/submit/g/#" class="add">+</a> <input name="desc" value="Description One"> <input name="quantity" value="0"> <input name="unitprice" value="0"> <input name="linetotal" value="0"> </div> <div class="item" > <input name="num" value="2" size="5"> <a href="http://example.com/submit/g/#" class="add">+</a> <input name="desc" value="Description Two"> <input name="quantity" value="0"> <input name="unitprice" value="0"> <input name="linetotal" value="0"> </div> <div class="line">
- Subtotal: <input id="subtotal"> </div> </form> </body> </html>