多个超链接a 选中的和不选中的两种样式

<script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js">

浏览器自带的jquery库

<script>
$(function(){
$("#dh_ejcd ul li a").each(function(){
 var a=$(this).text();
 //alert("a"+a);
 var b="${typeValue}";
 //alert("b"+b);
 if(a==b){
  $("#dh_ejcd ul li a").addClass("default").removeClass("checked");
  $(this).addClass("checked").removeClass("default");
 }
});
})
</script>

<style type="text/css">
#dh_ejcd ul{ list-style:none}
#dh_ejcd ul li a {
 height: 30px;
 width: 100%;
 text-align: center;
 line-height: 30px;
 margin-top: 5px;
}

.default {
color: #000;
border:1px solid #999;
}

.checked{
 
 color:#f00;
border:1px solid #ff0;
 background: url(../image/bai.png) no-repeat;
 
}

</style>

在controller层写

req.setAttribute("typeValue", type);

可实现a超链接选中的和未选中的有两种样式