百年不遇的难题!!在线等待各位高手的解答!!分不够可以再加,先谢了!!

[sunboy666]

function moverCheckBoxName(cbname,color) {e = document.getElementById(cbname);if(!e.checked) {e.parentElement.parentElement.style.backgroundColor = color; }e.parentElement.parentElement.style.cursor = 'default';}
这是一个当鼠标移动到某行(该行有一个checkbox)时让该行改变颜色的函数,可是当checkbox的id为汉字和字符时返回的对象e的值却为null,且该行不会变色,而id为整数时正常,不知是何原因!!
希望各位高手帮帮小弟!!要不然我就惨了!!急呀!!!
先谢谢了!!!

[sunboy666]

难道没有人会吗?

[awaysrain]

尽量不要用中文

[sunboy666]

可是现在程序需要呀!!
帮忙给个解决的办法吧!!

[awaysrain]

贴你全部的代码上来看看

[awaysrain]

用event.srcElement试试
如果你函数中的cbname指的就是你的checkbox的ID的话event.srcElement就是指的你的点的那个checkbox

[sunboy666]

cbname是checkbox的名字,能不能帮忙写清楚点!! 谢谢了!!
一下是部分代码:
<form name="Plan" method="post" action="plan_bz.jsp">
<table width="<%=tableWidth%>" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>

<td align=middle> <div align="right">
<select name="query_col">
<option value="itemcode">项目编码</option>
<option value="title">项目名称</option>
</select>
<input name="gjz" type="text" size="15">
<input type="submit" name="b_query" value="搜索" class="bian">
</div></td>
</tr>
</table>

[sunboy666]

<table width="<%=tableWidth%>" height="60" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<TD width="6%" height="22" background="image/bac.gif">
<div align="center">选择</div>
<SCRIPT language=javascript>
<!--
function moverCheckBoxName(cbname,color) {e = document.getElementById(cbname);if(!e.checked) {e.parentElement.parentElement.style.backgroundColor = color; }e.parentElement.parentElement.style.cursor = 'default';}
function moutCheckBoxName(cbname,color) {e = document.getElementById(cbname);if(!e.checked) {e.parentElement.parentElement.style.backgroundColor = color;}}
function mclickCheckBoxName(cbname,color) {e = document.getElementById(cbname);e.checked = !e.checked;if(e.checked) {e.parentElement.parentElement.style.backgroundColor = color;}}
//-->
</SCRIPT> </TD>
<%//获得显示列的名称
int i=0;
for(i=1;i<colCount;i++){
//out.println(colWidth[i]);
%>
<td width="<%=colWidth[i]%>" height="22" background="image/bac.gif">
<div align="center"><%=colChName[i]%></div></td>
<%}%>
</tr>
<%//设置项目完成，下面的代码通用
//获得记录总数
resultPage.last();

long data_num=resultPage.getRow();//记录总数
resultPage.beforeFirst();

//获得每页的记录数
int rowOfPage=10;//每页记录,缺省为10
String StrRowOfPage=(String)request.getParameter("rowOfPage");//每页记录变量
if (StrRowOfPage != null && !StrRowOfPage.equals(""))
{
rowOfPage=Integer.parseInt(StrRowOfPage);
}

//获得要跳转到的页面
long Current_Page = 1;//当前页,缺省为第一页
String currentpage=(String)request.getParameter("jumpPage");
if (currentpage != null && !currentpage.equals(""))
{
Current_Page = Integer.parseInt(request.getParameter("jumpPage"));
}

//初始化bean

PageCt.Init(Current_Page-1,data_num,rowOfPage);
Current_Page=PageCt.getCurpage();
long totalPage=PageCt.getTotalpage();

long l_start = PageCt.getStart();
long l_end = PageCt.getEnd();
//列头
%>

<%//输出查询结果
i=0;
while((i<l_start) && resultPage.next())
{
i++;
}
String[] colValue=new String[colCount];
String colItemcode;
String colupfile;
String passfile;
String appfile;
while(resultPage.next() && (i<l_end))
{i++;
colItemcode =resultPage.getString(colName[0]);
%>
<tr onclick="mclickCheckBoxName(<%=colItemcode%>,'#FFE4B5')"
onmouseout="moutCheckBoxName(<%=colItemcode%>,'')"
onmouseover="moverCheckBoxName(<%=colItemcode%>,'#DBDBDB')">
<TD align="center"> <INPUT id=<%=colItemcode%> name=CheckBoxName
onclick=this.checked=!this.checked;
type=checkbox value=<%=colItemcode%>> </TD>
<%
int j=0;
for(j=1;j<colCount -1;j++){
%>

<td height="22">
<div align="center">
<%//设置列的值
if("string".equals(colFieldClass[j])){out.println(resultPage.getString(colName[j]));}
if("int".equals(colFieldClass[j])){out.println(resultPage.getInt(colName[j]));}
if("float".equals(colFieldClass[j])){out.println(resultPage.getFloat(colName[j]));}
if("double".equals(colFieldClass[j])){out.println(resultPage.getDouble(colName[j]));}
%>
</div></td>
<%}%>

<TD> <div align="center">
<%
colupfile =resultPage.getString(colName[7]).trim();
if(colupfile!=null && (!colupfile.equals(""))){%>
<a href="/plannet/project/plan/bzfj/<%=colupfile%>">查看</a></div></TD>
<%
}
else{%>
无</div></TD>
<%}
%>
</tr>
<%
}
%>
<TR>

<TD colSpan=8 >
<INPUT name=chkall_CheckBoxName
onclick="checkallCheckBoxName(this.form,'chkall_CheckBoxName','CheckBoxName','#FFE4B5','')"
type=checkbox> 全选
<SCRIPT language=javascript>
<!--
function checkallCheckBoxName(form,caname,cbname,scolor,ccolor){for (var i=0;i<form.elements.length;i++){var e=form.elements[i];if(e.name!=caname&&e.name.substring(0,cbname.length).toUpperCase()==cbname.toUpperCase()){ea=document.getElementById(caname);e.checked=ea.checked;if(scolor != ''){if(ea.checked){e.parentElement.parentElement.style.backgroundColor=scolor;}else{e.parentElement.parentElement.style.backgroundColor=ccolor;}}}}}
//-->
</SCRIPT>
<input id=Btn_D name=Btn_D onClick="return del()" type=submit value=删除>
 
<INPUT id=Btn_M name=Btn_M onclick="return edit()" type=submit value=修改>
</TD>
</TR>

</table></form>

<script language="javascript">

function check_all(){
var bool;
for(var i=0;i<Plan.elements.length;i++){
if (Plan.elements.name="CheckBoxName" && Plan.elements[i].checked==true){
bool =true;
if (confirm("要删除选中的记录吗？（只能删除未审核的记录）")){
return true;
}
else{
return false;
}
return bool;
}
else{
bool=false;
}
}
alert("请选择要删除的记录!");
bool=false;
return bool;
}

function check_one(){
var j=0;
for(var i=0;i<Plan.elements.length;i++){
if (Plan.elements.name="CheckBoxName" &&Plan.elements[i].checked==true){
j=j+1;}
}
if (j==0 || j>1){
alert("修改时必须选择且只能选择一条记录!")
return false;}
return true;
}

function del(){
if (check_all()){
Plan.action="plan_bz.jsp?del=true";
Plan.submit();
}
return false;
}

function edit(){
if(check_one()){
Plan.action="plan_bz.jsp?edit=true";
Plan.submit();
}
return false;
}
</script>

<%
String thisPageName;//当前页面的名称
thisPageName = (String) request.getRequestURI() ;
%>
<form name="PageForm" method="post" action=<%=thisPageName%>>
<div align="center">
<table width="100%" border="1" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#C0C0C0">
<tr bgcolor=#FFE4B5>
<td width=134 height="23" align=center valign=bottom>共 <%=PageCt.getTotalnum()%>
条记录</td>
<td width=85 align=center valign=bottom><%=PageCt.getCurpage()+1%>/<%=PageCt.getTotalpage()%>
页</td>
<td width=146 align=center>每页
<input name="rowOfPage" type="text" id="rowOfPage2" value=<%=rowOfPage%> size="3" maxlength="2" onkeypress="return event.keyCode>=48&&event.keyCode<=57&&event.keyCode!=46&&event.keyCode!=8" onpaste="return !clipboardData.getData('text').match(/\D/)" style="ime-mode:disabled" >
行</td>
<td width=153 align=center>查看第
<input name="jumpPage" type="text" value=<%=Current_Page+1%> size="3" maxlength="3" onkeypress="return event.keyCode>=48&&event.keyCode<=57&&event.keyCode!=46&&event.keyCode!=8" onpaste="return !clipboardData.getData('text').match(/\D/)" style="ime-mode:disabled" >
页</td>
<td width="41"><div align="center"><a href="javascript:Jumping()">
<input type="submit" name="Submit" value="GO" onclick="javascript:Jumping()">
</a></div></td>
<td width="47"><div align="center"><a href="javascript:gotoPage(1)">首页</a></div></td>
<td width="51"><div align="center"><a href="javascript:gotoPage(<%=PageCt.getPrepage()+1%>)">上页</a></div></td>
<td width="47"><div align="center"><a href="javascript:gotoPage(<%=PageCt.getNextpage()+1%>)">下页</a></div></td>
<td width="54"><div align="center"><a href="javascript:gotoPage(<%=PageCt.getTotalpage()%>)">尾页</a></div></td>
</tr>
</table>

</div>
</form>

<script language="javascript">
function Jumping(){
document.PageForm.submit();
return ;
}

function gotoPage(pagenum){
if(pagenum<1){pagenum=1}
if(pagenum> <%=totalPage%>){pagenum=<%=totalPage%>}
document.PageForm.jumpPage.value = pagenum;
document.PageForm.submit();
return ;
}

</script>

[awaysrain]

我要生成后的HTM的代码

[awaysrain]

你把那个函数改成这样试试，如果参数cbname就是你点的那个checkbox的ID应该可以的

function moverCheckBoxName(cbname,color) {
var e = event.srcElement;//修改了这句
if(!e.checked) {
e.parentElement.parentElement.style.backgroundColor = color;
}
e.parentElement.parentElement.style.cursor = 'default';
}

[sunboy666]

我试一试,有问题了再 向你请教.谢谢了!!

[sunboy666]

awaysrain(绝对零度)：用你的方法可以选中checkbox，可是却不能让选中的行变颜色，还有没有更好的方法？？