js動態生成新增/修改/刪除輸入框input的一個實例

var ii=13;//起始id值
var _name="abc";//可修改input的name以及id前綴
var _name2="cc";//可修改checkbox的name屬性前綴
var _pp="p"; //可修改p的id前綴
var _dd=document.getElementById("sp141114_ss");
var arraynew=new Array(0);
var arraydel=new Array(0);
var arrayold=new Array(0);

function sp141114_a(){
var _thenode=document.createElement("p");
_thenode.id=_pp+ii;
var _in_str=ii+' <input type="checkbox" id="'+_name2+ii+'"> <input class="input" name="'+_name+ii+'" id="'+_name+ii+'" type="text" value="" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arraynew.push(ii);ii++;
}

function sp141114_i(_theid,_chk,_vl){
var _thenode=document.createElement("p");
_thenode.id=_pp+_theid;
var _in_str=_theid+' <input type="checkbox" id="'+_name2+_theid+'" '+_chk+'> <input class="input" name="'+_name+_theid+'" id="'+_name+_theid+'" type="text" value="'+_vl+'" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arrayold.push(_theid);
}

function sp141114_r(_obj){
_obj.parentNode.parentNode.removeChild(_obj.parentNode);
arraydel.push(_obj.parentNode.id.split(_pp)[1]);
}

function sp141114_sss(){
var res1=res2=res3="";
for(i=0;i<arrayold.length;i++){
	if(document.getElementById(_pp+arrayold[i]))
res1=res1+arrayold[i]+"##"+document.getElementById(_name2+arrayold[i]).checked+"**"+document.getElementById(_name+arrayold[i]).value+"<br>";
}
for(i=0;i<arraynew.length;i++){
	if(document.getElementById(_pp+arraynew[i]))
res2=res2+arraynew[i]+"##"+document.getElementById(_name2+arraynew[i]).checked+"**"+document.getElementById(_name+arraynew[i]).value+"<br>";
}
for(i=0;i<arraydel.length;i++){
res3=res3+arraydel[i]+"<br>";
}
document.getElementById("old").innerHTML="-------原始的元素------<br>"+res1;
document.getElementById("res").innerHTML="-------新增的元素------<br>"+res2;
document.getElementById("del").innerHTML="-------刪除的元素------<br>"+res3;
}

//插入已經存在的節點
sp141114_i(2,"checked='checked'","開機后開機后空間好看和健康");
sp141114_i(3,"","開機后開機后空間好看和健康");
sp141114_i(7,"checked='checked'","開機后開機后空間好看和健康");
sp141114_i(8,"checked='checked'","開機后開機后空間好看和健康");
sp141114_i(9,"","000");
sp141114_i(10,"checked='checked'","開機后開機后空間好看和健康");

//新生成的節點
sp141114_a();sp141114_a();sp141114_a();sp141114_a();