将table中被复选框选中的行的某一列全部放入到某个数组中去

最新推荐文章于 2021-12-19 16:41:18 发布

SailingAptech

最新推荐文章于 2021-12-19 16:41:18 发布

阅读量228

点赞数

分类专栏： HTML 文章标签： HTML

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html> 

<head> 
<meta   http-equiv="Content-Language"   content="zh-cn"> 
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"> 
<title> 222222 </title> 
</head> 

<body> 

<table   border="1"   style="border-collapse:   collapse"   width="45%"   height="29"   id="table1"> 
<tr> 
<td> <input   type="checkbox"   name="C1"   value="ON"> </td> 
<td> 222222 </td> 
<td> 222 </td> 
</tr> 
<tr> 
<td> <input   type="checkbox"   name="C2"   value="ON"> </td> 
<td> 233323 </td> 
<td> 1111 </td> 
</tr> 
<tr> 
<td> <input   type="checkbox"   name="C3"   value="ON"> </td> 
<td> 123123 </td> 
<td> 1222 </td> 
</tr> 
</table> 
<input   type="button"   onclick="readArray()"   value="取得表格值"> 
<script> 
//使用数组取得表格值 
function   getRowText() 
{ 
var   arr   =   new   Array(); 
var   count   =   0; 
for(var   i=0;i <table1.rows.length;i++) 
{ 
var   row   =   table1.rows; 
//取得CHECKBOX 
var   objCheck   =   row.cells[0].getElementsByTagName("INPUT")[0]; 
//如果CHECKBOX被选中.添加到二维数组 
if(objCheck!=null   &&   objCheck.checked) 
{ 
//arr=   row.innerText   ; 
arr[count]   =   new   Array(); 
for(var   x=0;x <row.cells.length;x++) 
{ 
//不计单选框的单元格内容 
if(x==0)   continue; 
arr[count][x-1]   =   row.cells[x].innerText; 
} 
count++; 
} 
} 
return   arr; 
} 
//读取表格值 
function   readArray() 
{ 
var   arr   =   getRowText(); 
for(var   i=0;i <arr.length;i++) 
{ 
//取得每一行的值 
for(var   x=   0;x <arr.length;x++) 
{ 
document.write(arr[x]); 
} 

} 
} 
</script> 
</body> 

</html>