在"隔行换色 + 点击变色" 基础上如何实现点击行选中该行的checkbox

我现有的功能是隔行换色+点击变色，我现在想加上点击行选中该行的checkbox功能。请问在现有代码基础上如何修改。<!DOCTYPEhtmlPUBLIC"-//W3C//... 我现有的功能是隔行换色 + 点击变色，我现在想加上点击行选中该行的checkbox功能。请问在现有代码基础上如何修改。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />
<meta name="author" content="dedecms之家" />
<meta name="Copyright" content="" />
<meta name="description" content="" />
<meta content="" name="keywords" />
<style type="text/css"></style>
<script language="javascript">
</script>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" id="senfe">
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck" /></td><td> </td><td> </td><td> </td></tr>
</table>
<script language="javascript"></script>
</body>
</html> 展开

 我来答

1个回答

#热议# 应届生在签三方时要注意什么？

帐号已注销
推荐于2016-08-18 · TA获得超过1232个赞

知道大有可为答主

回答量：1245

采纳率：0%

帮助的人：1422万

我也去答题访问个人页

关注

展开全部

试试 测试通过
<!DOCTYPE html PUBLIC "-//盯饥W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="厅液zh-CN" />
<meta content="all" name="robots" />
<meta name="author" content="dedecms之家" />
<meta name="Copyright" content="" />
<meta name="description" content="" />
<meta content="" name="keywords" />
<style type="text/css"><!--
#senfe {
 width: 300px;
 border-top: #000 1px solid;
 border-left: #000 1px solid;
}
#senfe td {
 border-right: #000 1px solid;
 border-bottom: #000 1px solid;
}
--></style>
<script language="javascript"><!--
function senfe(o,a,b,c,d){
 var t=document.getElementById(o).getElementsByTagName("tr");
 for(var i=0;i<t.length;i++){ 
  t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
  t[i].onclick=function(){
   if(this.x!="1"){
    this.x="1";//本来打算直接用背景色判断，FF获取到的背景是RGB值，不好判断
    this.style.backgroundColor=d;
   }else{
    this.x="0";
    this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
   }    
 
   var inp=document.getElementById("ck"+this.sectionRowIndex);  
   if(inp.checked)
   {
    inp.checked=false;
 }
   else 
   {
    inp.checked=true;
   }

}
  t[i].onmouseover=function(){
   if(this.x!="1")this.style.backgroundColor=c;
  }
  t[i].onmouseout=function(){
   if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
  }
  
 }
}
-->
</script>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" id="senfe">
<tr><td><input type="checkbox" name="ck" id="ck0" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck1" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck2" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck3" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck4" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck5" /><扮则物/td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck6" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck7" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck8" /></td><td> </td><td> </td><td> </td></tr>
<tr><td><input type="checkbox" name="ck" id="ck9" /></td><td> </td><td> </td><td> </td></tr>
</table>
<script language="javascript"><!--
//senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
senfe("senfe","#fff","#ccc","#cfc","#f00");
--></script>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在"隔行换色 + 点击变色" 基础上如何实现 点击行选中该行的checkbox

其他类似问题

为你推荐：

在"隔行换色 + 点击变色" 基础上如何实现点击行选中该行的checkbox