<script language="javascript">var i=0;
function addTable(target){
var j=0;
i++;
if(target=="add"){
R=tbId.insertRow();
C=R.insertCell();C.innerHTML="<input type='checkBox' name='deleteBox' >";C=R.insertCell();C.innerHTML="<input type='text' name='typeCode_' size='13' value='' >";
C=R.insertCell()
C.innerHTML="<input type='text' name='itemCode_' size='10' >";
C=R.insertCell();
C.innerHTML="<input type='text' name='itemDescription_' size='20' >";
C=R.insertCell();
//C.innerHTML="<input type='text' name='itemSequence_' size='5' >";
}}
listnull()这个函数你可以自己定义function delRow(tb)
{
if(listnull(0)==null){
alert("没有记录!");
return;
}
if(!listnull(0)){return null;
} var t=document.getElementById('tbId');
var c=document.getElementsByName('deleteBox');var it=confirm("确定要删除这些记录吗?");
if(it){
if(c){ for(var i=c.length-1;i>=1;i--) if(c[i].checked)t.deleteRow(i); if(c[i].checked&&i==0){
c[i].checked=false;
alert("当前记录不能被删除");
}
}
}}
function addTable(target){
var j=0;
i++;
if(target=="add"){
R=tbId.insertRow();
C=R.insertCell();C.innerHTML="<input type='checkBox' name='deleteBox' >";C=R.insertCell();C.innerHTML="<input type='text' name='typeCode_' size='13' value='' >";
C=R.insertCell()
C.innerHTML="<input type='text' name='itemCode_' size='10' >";
C=R.insertCell();
C.innerHTML="<input type='text' name='itemDescription_' size='20' >";
C=R.insertCell();
//C.innerHTML="<input type='text' name='itemSequence_' size='5' >";
}}
listnull()这个函数你可以自己定义function delRow(tb)
{
if(listnull(0)==null){
alert("没有记录!");
return;
}
if(!listnull(0)){return null;
} var t=document.getElementById('tbId');
var c=document.getElementsByName('deleteBox');var it=confirm("确定要删除这些记录吗?");
if(it){
if(c){ for(var i=c.length-1;i>=1;i--) if(c[i].checked)t.deleteRow(i); if(c[i].checked&&i==0){
c[i].checked=false;
alert("当前记录不能被删除");
}
}
}}
[email protected]
function delRow(tb)if(target=="add"){
这些里面的tbId,tb,,add都是什么意思啊,我试过了,不过不成,还有好多不懂的地方,,
能在程序中加点注释么..
//特别感谢 javaGirlOrBoy(javaGirl) //我把代码改动了一下,现在已经正常运行,有需要的朋友可以用用,呵呵.:)//**********************************
//add.htm
//**********************************
<script language="javascript">
//*********************************************
//动态添加删除编辑框
//请在相应页面初始化recordNum, amao 18/3/04
//*********************************************
var recordNum=0;function addTable(){
var str="";
recordNum++;
R=tbId.insertRow();
C=R.insertCell();
str=str+ " 姓名 <input type='text' name='homeName' size='18' value=''>";
str=str+ " 关系 <input type='text' name='homeRelation' size='18' value=''><br>";
str=str+ " 职业 <input type='text' name='homeCareer' size='18' value=''>";
str=str+ " 备注 <input type='text' name='homeMemo' size='18' value=''>";
str=str+ "<input type='checkBox' name='deleteBox'> ";
C.innerHTML=str;
}
function delRow()
{
var delNum=0;
var t=document.getElementById('tbId');
var c=document.getElementsByName('deleteBox');
if (c.length==0){
alert("当前没有记录");
return;
}
var it=confirm("确定要删除这些记录吗?");
if(it){
if(c){
for(var i=recordNum-1;i>=0;i--)
if(c[i].checked) {
t.deleteRow(i);
delNum++;
}
}
}
//剩余记录
recordNum= recordNum-delNum;
//alert(recordNum);
}
</script>
<html>
测试动态添加
<form name='form1'>
<table id='tbId'>
</table>
<input name="button" type="button" onClick="addTable()" value="添加" >
<input name="button" type="button" onClick="delRow()" value="删除" >
</form></html>