jquery实现tab栏的选中和取消样式

 

实现点击其中一个，获取其中一个的value值，其他取消。再点击可以取消。

css中定义activity类的样式。

 

bind();
function bind(){
$(".someInfoNavOne").on("click",'a',function(){
if($(this).hasClass('activety')){
$(this).removeClass("activety")
}else{
$(this).addClass("activety").siblings().removeClass("activety");
}
var param=getParams();
showSubsidyItemTable(param)
})
$(".someInfoNavTwo").on("click",'a',function(){
$(this).addClass("activety").siblings().removeClass("activety");
var param=getParams();
showSubsidyItemTable(param)
})
}



function getParams(){
var pcode=$(".someInfoNavOne").find("a.activety").attr("value")
var year=$(".someInfoNavTwo").find("a.activety").attr("value")
var param={};
if(!pcode){
pcode='';
}
param.pcode=pcode;
param.year=year;
param.code=townCode1;
return param;

}

 

 

 

若有错误或者不足之处，欢迎指正