如何用javascript控制表格的行处于被选中状态
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用javascript控制表格的行处于被选中状态相关的知识，希望对你有一定的参考价值。
在一个（一列N行）的表格中，当我单击其中某一行，该表格的颜色改变，作为被选中状态；当我单击其他一行，原来改变颜色的表，其颜色复原，刚刚才被单击的表格行颜色被改变，如此重复下去……。
请高手指教，谢过！！！
<HTML>
<HEAD>
<TITLE> CSS样式里使用javascript(onmouseover/onmouseout)2</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
table
background-color:#000000;
cursor:hand;
td
/*设置onmouseover事件*/
onmouseover: expression(onmouseover=function ()this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow');
/*设置onmouseout事件*/
onmouseout: expression(onmouseout=function ()this.style.borderColor='';this.style.color='';this.style.backgroundColor ='');
background-color:#ffffff;
</style>
</HEAD>
<BODY>
<TABLE cellspacing='1px' border='1'>
<TR >
<TD >1...... </TD>
</TR>
<TR >
<TD >2...... </TD>
</TR>
<TR >
<TD >3...... </TD>
</TR>
<TR >
<TD >4...... </TD>
</TR>
<TR >
<TD >5...... </TD>
</TR>
<TR >
<TD>6...... </TD>
</TR>
</TABLE>
</BODY>
</HTML> 参考技术A <tr onmouseout='this.style.backgroundColor="#F7FCFE"'onmouseover='this.style.backgroundColor="#EFEFEF"' >
参考这句
如何用JS控制复选框选中，element.checked
1、定义一个checkbox节点1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态 参考技术A 1、定义一个checkbox节点
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态 参考技术B <!--1、定义一个checkbox：-->
<input type="checkbox" name="name" value="value" id="ckBox"/>
<script>
//2、通过id获取checkbox的节点对象，括号内的值是checkbox控件中的id属性的值：
var ckBoxObj = document.getElementById("ckBox");
//3、改变它的选中状态，true为选中，默认是false 不选中：
ckBoxObj.checked = true;
</script>
将以上内容贴到body区打开页面即刻看见效果。
以上是关于如何用javascript控制表格的行处于被选中状态的主要内容，如果未能解决你的问题，请参考以下文章
急！如何用javascript写一个html页内关键字的搜索