<script type="text/javascript">var goodsbox = document.getElementById("goodslist");
function delrow()
{
var rd = document.getElementsByName("sel");
for(var i=0;i<rd.length;i++){
if(rd[i].checked){
goodsbox.deleteRow(i);
return;
}
}
alert("请选择要删除的行!");
}</script>
function delrow()
{
var rd = document.getElementsByName("sel");
for(var i=0;i<rd.length;i++){
if(rd[i].checked){
goodsbox.deleteRow(i);
return;
}
}
alert("请选择要删除的行!");
}</script>
解决方案 »
- 新手跪求谷歌地图上标注一个点,点击弹出窗口的简单例子
- js获取java后台数据
- 请问用javascript如何实现类似“当前位置:首页>>娱乐新闻”这样的导航显示,是否结合xml使用
- js浮点运算公式
- 急!!如下代码在火狐下为什么不显示? 出问题了、
- 求助关于JavaScript文本框计算的问题
- 菜鸟问问题,这段Javascript是什么意思?
- ie6中,在线编辑器的onpaste怎么不管用?而在IE5却很正常?
- EXT4 chart 的 xField 和显示的名称里面包含 . [ ]这三个符号时会报错
- extjs5.0分页失败
- 在线播放多媒体
- 只打开一个购物车页面,如何把东西添加到同一个购物车里,不要重复打开购物车页面(内含frame)
{
var i,otr;
var goodsbox = document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var ob=document.all; var rowsy = -1;
for (i=rownum-1;i>=0;i--)
{
if(ob.sel[i].checked == true)
{
rowsy=i;
break;
}
}
if (rowsy>=0) {
otr = goodsbox.deleteRow(rowsy);
} else alert("请选择要删除的行!");
}
<tr>
<td><div align="center"><input name="sel" type="radio" value="sel"></div></td>
<td><div align="center">测试1<input name="test1" type="text" value="1"></div></td>
</tr>
<tr>
<td><div align="center"><input name="sel" type="radio" value="sel"></div></td>
<td><div align="center">测试2<input name="test2" type="text" value="2"></div></td>
</tr> 那么删除某行后并提交表单后,如何获取表单元素的值?
a = Request.Form("test2")
%>
function addrow()
{
var goodsbox=document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var otr = goodsbox.insertRow(rownum);
var otd,tdhtml; otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'><input type='radio' name='sel' value='sel'></div>";
otd.innerHTML = tdhtml; otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'>测试"+rownum+"</div>";
otd.innerHTML = tdhtml;
}function delrow()
{
var i;
var goodsbox = document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var rowsy = -1; for (i=rownum-1;i>=0;i--)
{
if(ob.sel[i].checked == true)
{
rowsy=i;
break;
}
} if (rowsy>=0)
goodsbox.deleteRow(rowsy);
else alert("请选择要删除的物品!");
}
<table width="100%" id="goodslist" border="0" cellspacing="0" cellpadding="0"></table><input type="button" name="Submit1" value="添加行" onClick="javascript:addrow();">
<input type="button" name="Submit2" value="删除行" onClick="javascript:delrow();">
完整的通过测试的代码如下:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head><body><script>
function addrow()
{
var goodsbox=document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var otr = goodsbox.insertRow(rownum);
var otd,tdhtml; otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'><input type='radio' name='sel' value='sel'></div>";
otd.innerHTML = tdhtml; otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'>测试"+rownum+"</div>";
otd.innerHTML = tdhtml;
}function delrow()
{
var i;
var goodsbox = document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var rowsy = -1;
for (i=rownum-1;i>=0;i--)
{
if(sel[i].checked == true)
{
rowsy=i;
break;
}
} if (rowsy>=0)
goodsbox.deleteRow(rowsy);
else alert("请选择要删除的物品!");
}</script><table width="100%" id="goodslist" border="0" cellspacing="0" cellpadding="0"></table><input type="button" name="Submit1" value="添加行" onClick="javascript:addrow();">
<input type="button" name="Submit2" value="删除行" onClick="javascript:delrow();">
</body></html>
function addrow()
{
var goodsbox=document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var otr = goodsbox.insertRow(rownum);
var otd,tdhtml;otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'><input type='radio' name='sel' value='sel'></div>";
otd.innerHTML = tdhtml;otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'>测试"+rownum+"</div>";
otd.innerHTML = tdhtml;
}function delrow()
{
var goodsbox = document.getElementById("goodslist");
var checks = goodsbox.getElementsByTagName("input");
var rownum = -1;
var temparr = new Array();for (var i=0;i<goodsbox.rows.length && rownum==-1;i++)
{
var checks = goodsbox.getElementsByTagName("input");
for(var j=0;j<checks.length;j++)
{
if(checks[j].name == "sel" && checks[j].checked)
{
goodsbox.deleteRow(i);
rownum = i;
break;
}
}
}if(rownum==-1)alert("请选择要删除的物品!");
}
</script><table width="100%" id="goodslist" border="0" cellspacing="0" cellpadding="0"></table><input type="button" name="Submit1" value="添加行" onClick="javascript:addrow();">
<input type="button" name="Submit2" value="删除行" onClick="javascript:delrow();">
function addrow()
{
var goodsbox=document.getElementById("goodslist");
var rownum = goodsbox.rows.length;
var otr = goodsbox.insertRow(rownum);
var otd,tdhtml;otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'><input type='radio' name='sel' value='sel'></div>";
otd.innerHTML = tdhtml;otd = otr.insertCell();
otd.height = "25";
tdhtml = "<div align='center'>测试"+rownum+"</div>";
otd.innerHTML = tdhtml;
}function delrow()
{
var goodsbox = document.getElementById("goodslist");
var checks = goodsbox.getElementsByTagName("input");
var rownum = -1;
var temparr = new Array();
var checks = goodsbox.getElementsByTagName("input");
for(var i=0;i<checks.length;i++)
{
if(checks[i].name == "sel" && checks[i].checked)
{
goodsbox.deleteRow(rownum = GetParentByTagName(checks[i],"tr").rowIndex);
break;
}
} if(rownum==-1)alert("请选择删除对象");
}function GetParentByTagName(inobj,tag)
{
while(inobj!=null && inobj.tagName!=tag.toUpperCase())inobj = inobj.parentElement;
return inobj;
}
</script><table width="100%" id="goodslist" border="0" cellspacing="0" cellpadding="0"></table><input type="button" name="Submit1" value="添加行" onClick="javascript:addrow();">
<input type="button" name="Submit2" value="删除行" onClick="javascript:delrow();">