是一个表单,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" />
并且每点新增按钮或以上的增加按钮都能复制一行这些内容,新增加的内容也要具有以上的功能,
我是新手,请各位老师同学赐教
品名:<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" />
并且每点新增按钮或以上的增加按钮都能复制一行这些内容,新增加的内容也要具有以上的功能,
我是新手,请各位老师同学赐教
品名:<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>
单价处理上还不够,自己写下验证吧
看看有关table的相关操作
http://www.cnblogs.com/fooo/archive/2009/05/18/1459631.html
http://www.360doc.com/content/10/0827/14/908129_49176765.shtml