补充:事实上我是想知道如何获取TABLE内的元素
可以用如下代码实现整个Forms的Checkbox全选
但不知道如何获取某一个TABLE内元素,希望用类
似方法实现,因为我TABLE内Checkbox的个数是不
能确定的,而且Checkbox的ID也自动生成不那么
好控制.
function SelectAll ()
{
var thisfrm = document.forms[0];
// 查找Forms里面所有的元素
for(i=0;i<thisTB.length;i++)
{
thisfrm.elements[i].checked = true;
}
}
可以用如下代码实现整个Forms的Checkbox全选
但不知道如何获取某一个TABLE内元素,希望用类
似方法实现,因为我TABLE内Checkbox的个数是不
能确定的,而且Checkbox的ID也自动生成不那么
好控制.
function SelectAll ()
{
var thisfrm = document.forms[0];
// 查找Forms里面所有的元素
for(i=0;i<thisTB.length;i++)
{
thisfrm.elements[i].checked = true;
}
}
<!--
function selectAll(num){
var chks=document.getElementsByName("Checkbox"+num);
for(var i=0;i<chks.length;i++)
chks[i].checked=true;
}
//-->
</script>
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" width="100">
<TR>
<TD><INPUT type="checkbox" id="Checkbox1" name="Checkbox1" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox2" name="Checkbox1" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox3" name="Checkbox1" runat="server"></TD>
</TR>
</TABLE>
<TABLE id="Table2" width="100">
<TR>
<TD><INPUT type="checkbox" id="Checkbox4" name="Checkbox2" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox5" name="Checkbox2" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox6" name="Checkbox2" runat="server"></TD>
</TR>
</TABLE>
</form>
<input type=button value="表一全选" onclick="selectAll(1)">
<input type=button value="表二全选" onclick="selectAll(2)">
<script language="JavaScript">
<!--
function selectAll(num){
var tb1=eval("Table"+num);
for(var i=0;i<tb1.rows.length;i++)
for(var j=0;j<tb1.rows[i].cells.length;j++)
tb1.rows[i].cells[j].children[0].checked=true;
}
//-->
</script>
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" width="100">
<TR>
<TD><INPUT type="checkbox" id="Checkbox1" name="Checkbox1" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox2" name="Checkbox1" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox3" name="Checkbox1" runat="server"></TD>
</TR>
</TABLE>
<TABLE id="Table2" width="100">
<TR>
<TD><INPUT type="checkbox" id="Checkbox4" name="Checkbox2" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox5" name="Checkbox2" runat="server"></TD>
<TD><INPUT type="checkbox" id="Checkbox6" name="Checkbox2" runat="server"></TD>
</TR>
</TABLE>
</form>
<input type=button value="表一全选" onclick="selectAll(1)">
<input type=button value="表二全选" onclick="selectAll(2)">
for (i=0;i<6;i++){
document.form1[i].checked=ture;
} }
function SelectAll ()
{
var thisfrm = document.forms[0];
// 查找Forms里面所有的元素
for(i=0;i<thisTB.length;i++)
{
thisfrm.elements[i].checked = true;
}
}
的形式吗?我很想知道如何获取TABLE内元素的个数,并对其进行操作.
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="FTYPE">
<INPUT TYPE="button" NAME="button" value="button" onKeyPress="return EnterTo(this)"><br>
<INPUT TYPE="checkbox" NAME="checkbox" value="checkbox" onKeyPress="return EnterTo(this)">checkboxbutton<br>
<INPUT TYPE="checkbox" NAME="checkbox" value="checkbox" onKeyPress="return EnterTo(this)">checkboxbutton<br>
<INPUT TYPE="radio" NAME="radio" value="radiobutton" onKeyPress="return EnterTo(this)">radiobutton<br>
<SELECT NAME="SELECT" onKeyPress="return EnterTo(this)"><OPTION value="SELECT1">SELECT1</OPTION><OPTION value="SELECT2" onKeyPress="return EnterTo(this)">SELECT2</OPTION></SELECT><br>
<INPUT TYPE="submit" NAME="submit" value="submit" onKeyDown="return EnterTo(this)"><br>
<INPUT TYPE="text" NAME="text" value="text" onKeyPress="return EnterTo(this)"><br>
<TEXTAREA NAME="TEXTAREA" ROWS="20" COLS="30" >TEXTAREA</TEXTAREA><br>
<INPUT TYPE="password" NAME="password" value="password" onKeyPress="return EnterTo(this)"><br>
<INPUT TYPE="reset" NAME="reset" value="reset" onKeyPress="return EnterTo(this)"><br>
<INPUT TYPE="file" NAME="file" value="file" onKeyPress="return EnterTo(this)"><br>
</FORM>
<hr>
<SCRIPT LANGUAGE="JavaScript">
<!--
var L = document.FTYPE.elements.length;
for(i=0;i<L;i++){
document.write(document.FTYPE.elements(i).type + "<br>");
}
//-->
</SCRIPT>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function EnterTo(obj){
var L = document.FTYPE.elements.length;
if (window.event.keyCode == 13){
for(i=0;i<L;i++){
if(obj == document.FTYPE.elements(i)){
if(i+1==L){
document.FTYPE.elements(0).focus();
return false;
}
else{
document.FTYPE.elements(i+1).focus();
return false;
}
}
}
}
}
//-->
</SCRIPT>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getContent(){
var objtb = document.getElementsByTagName("TABLE").item(0);
var lentr = objtb.childNodes[0].childNodes.length;
for(i=0;i<lentr;i++){ var objtr = objtb.childNodes[0].childNodes[i];
var lentd = objtr.childNodes.length; //alert( lentd );
//alert( objtr.innerHTML ); for(j=0;j<lentd;j++){ var objtd = objtr.childNodes[j];
alert( objtd.innerHTML );
}
}
}
//-->
</SCRIPT>
</HEAD><BODY>
<TABLE onclick="getContent()">
<TR>
<TD>TD1 value:One</TD>
<TD>TD2 value:two</TD>
</TR>
<TR>
<TD>TD3 value:Three</TD>
<TD>TD4 value:Four</TD>
</TR>
<TR>
<TD>TD5 value:Five</TD>
<TD>TD6 value:Six</TD>
</TR>
</TABLE>
</BODY>
</HTML>