是一个表单,body部分:
品名:<input type="text" />
单价:<input type="text" />
数量:<input type="text" />
总价:<input type="text" />
<input type="button" value="增加" />
要求输入单价和数量后自动计算出总价显示在总价后边的input里,而且要求单价必须是人民币格式,可以含.或.后两位数字
数量必须是整数,单击后边的按钮增加一行:
品名:<input type="text" />单价:<input type="text" />数量:<input type="text" />总价:<input type="text" /><input type="button" />
并且每点新增按钮或以上的增加按钮都能复制一行这些内容,新增加的内容也要具有以上的功能,
我是新手,请各位老师同学赐教

解决方案 »

  1.   

    学了Javascrip没?有这JavaScript可能实现这效果
      

  2.   

    <div>
    品名:<input type="text" />
    单价:<input type="text" onblur="filterNum(this, '');"/>
    数量:<input type="text" onblur="filterNum('', this);"/>
    总价:<input type="text" />
    <input type="button" value="增加" onclick="add(this);"/>
    </div>
    <script type="text/javascript">
    var m, m1;
    function add(o){
    var node = o.parentNode.cloneNode(true);
    document.body.insertBefore(node, o.parentNode);

    }
    function filterNum(o, o1){
    if(o){
    o.value = o.value.replace(/[^.\d]/g, '');
    o.value = o.value.indexOf(".") == -1 ? o.value : o.value.substr(0, o.value.indexOf(".") + 3);
    m = o;
    }
    if(o1){
    o1.value = o1.value.replace(/\D/g, '');
    m1 = o1;
    }
    if(m && m.value && m1 && m1.value){
    ((m1.nextSibling.nodeType == 1) ? m1.nextSibling : m1.nextSibling.nextSibling).value = m.value * m1.value ; 
    }
    }
    </script>
    单价处理上还不够,自己写下验证吧
      

  3.   

    table中放文本框吧
    看看有关table的相关操作
    http://www.cnblogs.com/fooo/archive/2009/05/18/1459631.html
    http://www.360doc.com/content/10/0827/14/908129_49176765.shtml