/** 多表格样式的js，切换表格的同时变换标题样式。
传入表格id，表格id命名规则为table加两位数字，命名从01开始。
标题id命名规则为title加两位数字，并且和表格id最后两位对应。
样式命名规则为最后两位必须为数字。扩展在else if 语句里面增加。
表格最大数默认为10个，可以在页面覆盖全局变量tablenumber。
*/
var tablenumber='6';//表格最大数
var objtemp = '';
var obj = '';
var titleobj = '';
function titleselect1(tablename){
var tableid=document.getElementById(tablename).id;//读取传入表格的id
tableidstr=tableid.replace(/(.+)(.{2})/,"$2");//取读取到的id的最后两位
var tableidtemp = Number(tableidstr);//转换成数字，在下面for循环里面使用
tablenumber = Number(tablenumber);//表格最大数，转换成数字，在下面for循环里面使用
for(i=1;i<=tablenumber;i++){
     if(i<10){//小于十的id为table0加i（命名从01开始）
      objtemp = 'cha10'+i;
         obj=document.getElementById(objtemp);//获得循环中当前表格的id，下面隐藏表格用
      var noselecttitleid = 'chi10'+i;
      titleobj = document.getElementById(noselecttitleid);//获得循环中当前标题的id，下面变换标题样式用
      var classname = document.getElementById(noselecttitleid).className;//获得循环中当前标题的id的样式，判断样式的类型
      titlenamestr=classname.replace(/(.+)(.{2})/,"$2");//取样式的最后两位
      var titlenametemp = Number(titlenamestr);//转换成数字
      if(titlenametemp==57){//比较是否是三个字的类型
      //如果是三个字的类型则把标题变换成没有选中的三个字的类型（不管当前是否选中，选中的在下面会变回来）,以下同理
       titleobj.className="noselect_57";
      }else if(titlenametemp==70){
       titleobj.className="noselect_70";
      }else if(titlenametemp==83){
       titleobj.className="noselect_83";
      }
      else if(titlenametemp==93){
       titleobj.className="noselect_93";
      }
     }else{//大于十id为table加i
      objtemp = 'cha1'+i;
       obj=document.getElementById(objtemp);
       noselecttitleid = 'chi10'+i;
       titleobj = document.getElementById(noselecttitleid);
      classname = document.getElementById(noselecttitleid).className;
      titlenamestr=classname.replace(/(.+)(.{2})/,"$2");
      titlenametemp = Number(titlenamestr);
      if(titlenametemp==57){
       titleobj.className="noselect_57";
      }else if(titlenametemp==70){
       titleobj.className="noselect_70";
      }else if(titlenametemp==83){
       titleobj.className="noselect_83";
      }
      else if(titlenametemp==93){
       titleobj.className="noselect_93";
      }
       }
       //不是选中表格则隐藏
     obj.style.display="none";
     //通过传入id最后两位判断选中表格
     if(i==tableidtemp){
      obj=document.getElementById(tablename);//直接读取传入的id并显示对应表格
         obj.style.display="";
      //获取标题样式并判断标题类型然后把样式变成选中的样式
      if(i<10){//小于十的id为title0加i（命名从01开始）
            var selecttitleid = 'chi10'+i;
         titleobj = document.getElementById(selecttitleid);
      classname = document.getElementById(selecttitleid).className;
      titlenamestr=classname.replace(/(.+)(.{2})/,"$2");
      titlenametemp = Number(titlenamestr);
      if(titlenametemp==57){
       titleobj.className="select_57";
      }else if(titlenametemp==70){
       titleobj.className="select_70";
      }else if(titlenametemp==83){
       titleobj.className="select_83";
      }
      else if(titlenametemp==93){
       titleobj.className="select_93";
      }
          }else{//大于十id为title加i
       selecttitleid = 'chi1'+i;
       titleobj = document.getElementById(selecttitleid);
      classname = document.getElementById(selecttitleid).className;
      titlenamestr=classname.replace(/(.+)(.{2})/,"$2");
      titlenametemp = Number(titlenamestr);
      if(titlenametemp==57){
       titleobj.className="select_57";
      }else if(titlenametemp==70){
       titleobj.className="select_70";
      }else if(titlenametemp==83){
       titleobj.className="select_83";
      }
      else if(titlenametemp==93){
       titleobj.className="select_93";
      }
            }
     }
}
}