javascript 双击选中tr（行）变背景颜色
双击选中表格中的行变背景颜色用javascript实现，首先我的行并不是开始就画好了的，只有数据的时候才有显示行，我获取行的方式如下stringstr="";if(ds....
双击选中表格中的行变背景颜色 用javascript实现，首先我的行并不是开始就画好了的，只有数据的时候才有显示行，我获取行的方式如下
string str = "";
if (ds.Tables[0].Rows.Count > 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
str += "<tr>"; //行的循环
for (int j = 0; j < 11; j++)
{
str += "<td>";//字段的遍历 只要小于11个字段的就递加单元格
str += ds.Tables[0].Rows[i][j].ToString();//把第i行j列中的内容提取出来
str += "</td>";
}
str += "</tr>";
}
}
rpt.Text = str; //输出内容
关键是怎么实现双击行变颜色
一楼二楼，谢谢了 但是现有新问题了 我双击选中一行的时候，上一行被选中色颜色 要还原 清除掉 （是双击下一行的时候上行被选中的要变回，也就是说在选中下一行的时候，除该选中的行以外的行颜色都要变回） 展开
string str = "";
if (ds.Tables[0].Rows.Count > 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
str += "<tr>"; //行的循环
for (int j = 0; j < 11; j++)
{
str += "<td>";//字段的遍历 只要小于11个字段的就递加单元格
str += ds.Tables[0].Rows[i][j].ToString();//把第i行j列中的内容提取出来
str += "</td>";
}
str += "</tr>";
}
}
rpt.Text = str; //输出内容
关键是怎么实现双击行变颜色
一楼二楼，谢谢了 但是现有新问题了 我双击选中一行的时候，上一行被选中色颜色 要还原 清除掉 （是双击下一行的时候上行被选中的要变回，也就是说在选中下一行的时候，除该选中的行以外的行颜色都要变回） 展开
4个回答
展开全部
str += "<tr ondblclick='changebgColor(this)'>"; //行循环增加双击事件
//js方法
<script type="text/javascript" language="javascript">
function changebgColor(obj){
if(obj.bgColor=="#FF0000") obj.bgColor ="";
else obj.bgColor="#FF0000"; //双击变色,再双击变回
//也可以通过obj.style.backgroundColor="#FF0000"这样来设置，一个是通过属性来设置，一个是通过样式来设置
}
</script>
//js方法
<script type="text/javascript" language="javascript">
function changebgColor(obj){
if(obj.bgColor=="#FF0000") obj.bgColor ="";
else obj.bgColor="#FF0000"; //双击变色,再双击变回
//也可以通过obj.style.backgroundColor="#FF0000"这样来设置，一个是通过属性来设置，一个是通过样式来设置
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是一个双击的例子，效果是双击之后变成红色，再双击变蓝色：
<html>
<head>
</head>
<body>
<table>
<tr onDblclick="changeColor(this)" style="cursor:pointer; background-color:blue;">
<td>a a a a a a a a s</td>
<td>b </td>
<td>c </td>
</tr>
</table>
</body>
<script language="JavaScript">
<!--
function changeColor(ele){
if(ele.style.backgroundColor == "red"){
ele.style.backgroundColor = "blue";
}else{
ele.style.backgroundColor = "red";
}
}
//-->
</script>
</html>
<html>
<head>
</head>
<body>
<table>
<tr onDblclick="changeColor(this)" style="cursor:pointer; background-color:blue;">
<td>a a a a a a a a s</td>
<td>b </td>
<td>c </td>
</tr>
</table>
</body>
<script language="JavaScript">
<!--
function changeColor(ele){
if(ele.style.backgroundColor == "red"){
ele.style.backgroundColor = "blue";
}else{
ele.style.backgroundColor = "red";
}
}
//-->
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
str += "<tr ondblclick='checkbgColor(this)'>"; //这样加个双击事件
然后到js里面加个方法
<script type="text/javascript" language="javascript">
function checkbgColor(obj){
var n=obj.parentNode.children;
for(var i=0;i<n.length;i++)
n[i].style.background="";
obj.bgColor="#FF33FF";
}
</script>
这样看看效果
然后到js里面加个方法
<script type="text/javascript" language="javascript">
function checkbgColor(obj){
var n=obj.parentNode.children;
for(var i=0;i<n.length;i++)
n[i].style.background="";
obj.bgColor="#FF33FF";
}
</script>
这样看看效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<javascript>
function changecolor(obj)
{
obj.style.backcolor='red';
}
</javascript>
str += "<tr ondbclick='changecolor(obj)'>"; //行的循环
大概就这意思，手写的没经测试
function changecolor(obj)
{
obj.style.backcolor='red';
}
</javascript>
str += "<tr ondbclick='changecolor(obj)'>"; //行的循环
大概就这意思，手写的没经测试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
