怎么动态添加和删除表格.docx
《怎么动态添加和删除表格.docx》由会员分享,可在线阅读,更多相关《怎么动态添加和删除表格.docx(15页珍藏版)》请在冰豆网上搜索。
![怎么动态添加和删除表格.docx](https://file1.bdocx.com/fileroot1/2023-2/22/12555cfb-9909-4895-b590-09e44b8553eb/12555cfb-9909-4895-b590-09e44b8553eb1.gif)
怎么动态添加和删除表格
怎么动态添加和删除表格.txt爱情就像脚上的鞋,只有失去的时候才知道赤脚走路是什么滋味骗人有风险,说慌要谨慎。
不要爱上年纪小的男人,他会把你当成爱情学校,一旦学徒圆满,便会义无反顾地离开你。
怎么动态添加和删除表格.txt你出生的时候,你哭着,周围的人笑着;你逝去的时候,你笑着,而周围的人在哭!
喜欢某些人需要一小时,爱上某些人只需要一天,而忘记一个人得用一生首页|空间|新闻|论坛|博客|下载|读书|网摘|书店|程序员|项目交易|乐知教育|网址欢迎您:
p1314520h|退出|登录注册|帮助
CSDN-CSDN社区-Web开发-JavaScript
管理菜单生成帖子置顶推荐取消推荐锁定解锁移动编辑删除帖子加分帖子高亮取消高亮结帖发帖回复收藏不显示删除回复显示所有回复显示星级回复显示得分回复JAVASCRIPT动态增加表格,如何实现两个input值的计算结果[问题点数:
200分,结帖人:
lifelz888]
lifelz888
(fe)
等 级:
结帖率:
40.00%
楼主发表于:
2008-07-1017:
05:
56我要实现点选择商品出现一个对话框,然后选择对应的商品放到表格相应的内容中,填写了单价,数量之后能自动计算出总价,并在总价中显示,请各位指导一下,谢谢.
总计:
|
|
/**
*添加
*/
functionsett(table){
form1.dj2.value="ni";
}
functionaddRow(table){
//获得表格的行数
varrow=table.rows.length;
//获得表格的列数
varcell=table.rows[0].cells.length;
//添加行
varnewTr=table.insertRow();
newTr.bgcolor="#ffffff";
//添加列
for(varj=1;j<=cell;j++){
varnewTd=newTr.insertCell();
add(newTd,j,row);
}
}
/**
*删除行
*/
functiondelRow(table){
varcks=document.forms[0].ck;
if(cks!
=undefined){
if(cks.length==undefined){
if(cks.checked){
table.deleteRow
(1);
}
}else{
for(vari=0;ivarck=cks[i];
if(ck.checked){
varnumber=i+1;
table.deleteRow(number);
cks=document.forms[0].ck;
//全部删除时
if(cks==undefined){
varrow=table.rows.length;
return;
}
i--;
}
}
}
}
trimNumber(table);
}
/**
*排号
*/
functiontrimNumber(table){
varrows=table.rows.length-1;
for(vari=1;i<=rows;i++){
varrow=table.rows[i];
row.cells[1].innerText=i;
}
varrow=table.rows.length;
}
/**
*为列添加文本
*/
functionaddText(newTd,text){
newTd.innerText=text;
}
/**
*为列添加标签
*/
functionaddHTML(newTd,HTML){
newTd.innerHTML=HTML;
}
functionadd(newId,cell,row){
if(cell==1){addHTML(newId,"");
newId.align="center";
}elseif(cell==2){
addText(newId,row);
newId.align="center";
}elseif(cell==3){
addHTML(newId,"100%'value='单击选择商品'onClick='openss()'/>");
}elseif(cell==6){
addHTML(newId,"100%;text-align:
center'/>");
}
elseif(cell==4){
addHTML(newId,"100%;text-align:
center'/>");
}
elseif(cell==5){
addHTML(newId,"100%;text-align:
center'/>");
}
elseif(cell==7){
addHTML(newId,"100%;text-align:
center'/>");
}
elseif(cell==8){
addHTML(newId,"100%;text-align:
center'/>");
}
newId.style.background="#FFFFFF";
}
对我有用[0]丢个板砖[0]引用举报管理TOP回复次数:
6
bhtfg538
(浪客~)
等 级:
#1楼得分:
40回复于:
2008-07-1017:
14:
29varnewTd=newTr.insertCell();
然后给没个newTd一个id吧
newTd.id="Num"+i;
....
newTd.id="Pri"+j;
然后去计算每个i*j的价格你尝试下
对我有用[0]丢个板砖[0]引用举报管理TOP精华推荐:
【散分】你是如何隐藏你的变量和属性的
songpengasp
(有问题先找XX、Google.)
等 级:
#2楼得分:
40回复于:
2008-07-1017:
19:
17选择商品出现一个对话框,然后选择对应的商品
弹出网页对话框吧
varwin=window.open(.....);
选择页面window.returnValue=...
window.close();
对我有用[0]丢个板砖[0]引用举报管理TOP精华推荐:
JavaScript版俄罗斯方块EasyTetris实现原理
zhangshenqiu
(45度向上倾斜)
等 级:
#3楼得分:
40回复于:
2008-07-1017:
27:
23我是来学习的
对我有用[0]丢个板砖[0]引用举报管理TOP精华推荐:
为什么像腾讯首页、淘宝首页CSS都是内嵌的
gonxi
等 级:
#4楼得分:
40回复于:
2008-07-1109:
07:
21典型购物车的需求,你参考下吧,很多商城代码里都有的.
对我有用[0]丢个板砖[0]引用举报管理TOP精华推荐:
【分享】重新认识IE盒模型bug
lifelz888
(fe)
等 级:
#5楼得分:
0回复于:
2008-07-1114:
09:
26能给一个实际的例子吗?
?
?
?
?
?
?
?
?
?
?
?
?
?
对我有用[0]丢个板砖[0]引用举报管理TOP精华推荐:
正则表达式
s_liangchao1s
(温故而知新)
等 级:
4
#6楼得分:
40回复于:
2008-07-1117:
16:
30HTMLcode
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
NewDocument
table{
border:
1solidred;
border-collapse:
collapse
}
td{
font-size:
15px;
width:
140;
border:
1solidblue
}
p{
font-size:
15px
}
选择 | 序列 | 选择商品 | 产品名称 | 型号规格 | 单价 | 数量 | 总价 |
总计:
--
varnum=0;
function$(sId){returndocument.getElementById(sId);}
//新增
function_Insert(){
num++;
varotbl=$("otbl");
varnewRow=otbl.insertRow(num);
varnewCell0=newRow.insertCell(0);
newCell0.innerHTML="";
varnewCell1=newRow.insertCell
(1);
newCell1.innerHTML=num;
varnewCell2=newRow.insertCell
(2);
newCell2.innerHTML="";
varnewCell3=newRow.insertCell(3);
newCell3.innerHTML="";
varnewCell4=newRow.insertCell(4);
newCell4.innerHTML="";
varnewCell5=newRow.insertCell(5);
newCell5.innerHTML="";
varnewCell6=newRow.insertCell(6);
newCell6.innerHTML="";
varnewCell7=newRow.insertCell(7);
newCell7.innerHTML="";
}
//删除
function_Delete(){
varcks=document.getElementsByName('do');
cks.length==0&&alert("无商品可删除");
for(vari=0;iif(cks[i].checked==true){
$("otbl").deleteRow(i+1);
_Delete();
}
}
_Sort();
}
//排序
function_Sort(){
for(varj=1;j<$("otbl").rows.length;j++){
$("otbl").rows[j].cells[1].innerHTML=j;
}
num=$("otbl").rows.length-1;
}
//打开选择商品列表
function_Openss(obj){
varoval=window.showModalDialog("sel.html",null,"DialogWidth:
300px;DialogHeight:
200px");
obj.parentNode.nextSibling.firstChild.value=oval;
obj.parentNode.nextSibling.nextSibling.nextSibling.firstChild.focus();
}
//check这部分自己完善
function_Check(otxt){
varnum1=otxt.value;
varnum2=otxt.parentNode.previousSibling.firstChild.value;
if(isNaN(otxt.value)){
alert('请输入正确格式');
otxt.focus();
returnfalse;
}
if(otxt.name=="onum"){
otxt.parentNode.nextSibling.firstChild.value=num1*num2;
}
}
//-->
商品页面
sel.html
HTMLcode
NewDocument
--
functionret(oli){
self.close();
window.returnValue=oli.innerText;
}
//-->
aa
bb
cc