求救，郁闷半天了

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="p" uri="/WEB-INF/fashionfree-tags.tld"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>修改角色</title>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<style type="text/css">
.error { font: 10pt; color: red; }
.ui-tabs-panel{display: none;}
</style>

</head>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery/jquery-1.4.4.js"></script>
<script type="text/javascript" src="js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$(".ui-tabs-nav li").click (function(){
var index = $(".ui-tabs-nav li").index($(this));
$(".ui-tabs-nav li").removeClass("ui-tabs-selected");
$("li" , this).addClass("ui-tabs-selected");
$(".ui-tabs-panel").hide();
$(".ui-tabs-panel").eq(index).show();
});

$("#modifyRoleForm").validate({
rules:{
"role.name": {
required: true
},
"homePageId": {
required: true
},
"operationIds": {
required: true
}
},

messages: {
"role.name": {
required: "请输入角色名称"
},
    "homePageId": {
    required: "请选择个人主页"
    },
    "operationIds": {
    required: "至少要选择一个操作"
    }
},
errorPlacement: function(error, element) {

            if ( element.is(":checkbox") )
             error.insertAfter("#kk");
    else
     error.appendTo(element.parent());
}
});
});
function checkEvent(name, allCheckId) {
var allCk = document.getElementById(allCheckId);
if (allCk.checked == true)
checkAll(name);
else
checkAllNo(name);
}//全选
function checkAll(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++){
            if(!names[i].disabled){
             names[i].checked = true;
            }

}
}
}//全不选
function checkAllNo(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++){
names[i].checked = false;
}

}
}
function abc()
{

}
</script>
<body>
<div>
   <jsp:include page="../common/managerHead.jsp"></jsp:include>
</div>
<div class="white-bg">
<div class="tree" >       <h2>项目配置</h2>
          <ul>
            <li><a href='config_listRole.action'>项目角色管理</a></li>
            <li><a href='config_listDefectConfig.action' >缺陷类型管理</a></li>
<li><a href='config_showAddVersion.action' >需求版本号管理</a></li>
<li><a href='config_listModule.action' >功能模块管理</a></li>
<li><a href='config_listProductVersion.action' >产品版本维护</a></li>
          </ul>
  </td>
  </tr>
</table>
</div>
<div class="table2" style="width: 828px; float: left;" ">
<form action="config_modifyRole.action" method="post" id="modifyRoleForm"  ">
  <div class="tiaojiankuang2">
<table>
<tr>
<td width="100" style="background: #f2f2f2"><b>角色名:</b></td>
<td style="text-align: left;"><input type="text" name="role.name" value="${role.name}"/><span style='color: red;'> *</span>
    <input type="hidden" name="role.roleId" value="${role.roleId}"/></td> </tr>
<tr>
    <td style="background: #f2f2f2"><b>默认主页:</b></td>
<td style="text-align: left;">
   <select name="homePageId" style="width: 154px">
     <s:iterator value="homePageList" var="item">
     <option value="${item.homePageId}" <c:if test="${item.homePageId==role.defaultHomePageId}">selected="selected"</c:if>>${item.name}</option>
     </s:iterator>
   </select>
   </td>


</tr>
<tr>
<td style="background: #f2f2f2"><b>角色描述:</b></td>
<td style="text-align: left;"><textarea name="role.description" style="width: 200px; height: 50px">${role.description}</textarea></td>
</tr>
<tr>
<td style="background: #f2f2f2"> </td>
    <td style="text-align: left;">
     <input type="submit" value="保存" class="btn01">
         <input type="button" value="取消" onclick="document.location='config_listRole.action'" class="btn01">
         </td>
    </tr>
</table>
</div>
<h4><input type="checkbox" id="ck" onclick="checkEvent('operationIds','ck');">    操作权限（只有超级管理员才有权限设置）<span style='color: red;'  id="kk"> *</span></h4><div class="content_tab" >
<ul class="ui-tabs-nav" >
<s:iterator value="operationGroups" id="group" status="operationStatus"  >
<li><a href="#"><span>${group[0].moduleName}</span></a></li>
</s:iterator>
</ul>
<div class="clear"></div>
</div>
<s:iterator value="operationGroups" id="group" status="operationStatus">
      <div class="ui-tabs-panel">
<table class="table_content" style="margin: 0;border-width: 0px" >
<s:iterator value="operationGroups[#operationStatus.index]" id="opera"
status="listStatus">
<s:if test="#listStatus.index % 4 == 0">
<tr>
</s:if>
<td style="text-align: left;padding-left:10px;"><input id="#opera.operationId" type="checkbox" value="${opera.operationId}"
name="operationIds"
<s:if test="#attr.operationIdList.contains(#opera.operationId)">checked="checked"</s:if>/>${opera.name }</td>
<s:if test="(#listStatus.index + 1) % 4 == 0">
</tr>
</s:if>
<s:elseif test="#listStatus.last">
</tr>
</s:elseif>
</s:iterator>
</table>
</div>
</s:iterator>
</form>
</div>
<div class="clear"></div>
</div>
</body>
</html>

怎么在这里面写js，因为这个是table，我不知道怎么写js，或者其他方法，求赐教，急

你到底是点击的是button还是什么你在点击的时候给button添加样式，同时将其他button的样式去掉不就行了。用Jquery做很简单的。

不是button，是table里的，更menu菜单差不多

怎么去处css样式，css不太懂，用css修改了下，就如你所说，点击一个，其他去除

点击的id作为参数传入方法，方法中循环全部button，id相等的，指定一个css，其它的清除css。不需要关心table。

好好看看Jquery帮助文档addClass(“”) removeClass(“”) 为每个匹配的元素添加、删除指定的类名css() 添加样式

你的table是什么样的格式，（几行几列，怎么点击）写出来ps：不要一心想着求代码，自己动手还是好一些

图片先传到csdn的空间，然后将图片路径复制过来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD>
<script>
function change(btn){
    btn.style.backgroundColor = "#FF9900";
}
function resetcg(btn){
btn.style.backgroundColor = "#FF0099";
}
</script>
<BODY>
  <input type= "button" name="changebg" id="changebg" style="background-color:#FF0099" value="改变颜色" onclick=change(changebg)>
  <input type= "button" name="resetcg" id="resetcg"  value="恢复颜色" onclick=resetcg(changebg)>
</BODY>
</HTML>

不知道LZ要点击什么？
可以在onclick事件里修改它的style，你的元素最好有个id或name，便于定位元素

调试易

求救，郁闷半天了

解决方案 »