1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <title>评价信息详情</title>
  7. <script type="text/javascript">
  8.     function fixRowspan() {
  9.         var tb = document.getElementById("appraiseDetailBean");
  10.  
  11.         var row_span_num = 1;
  12.         var first_row_title = "";
  13.         var first_row_obj;
  14.         for ( var i = 1; i < tb.rows.length - 1; i++) {
  15.             var first_new_row_title = tb.rows[i].cells[1].innerHTML;
  16.             if (first_row_title != "" && first_row_title == first_new_row_title) {
  17.                 tb.rows[i].deleteCell(1);
  18.                 row_span_num++;
  19.                 if (i == tb.rows.length - 2) {
  20.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  21.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  22.                     first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");
  23.                 }
  24.             } else {
  25.                 if (first_row_title != "") {
  26.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  27.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  28.                     first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");
  29.                     row_span_num = 1;
  30.                 }
  31.                 first_row_obj = tb.rows[i].cells[1];
  32.                 first_row_title = first_new_row_title;
  33.             }
  34.         }
  35.         row_span_num = 1;
  36.         first_row_title = "";
  37.         first_row_obj = null;
  38.         for ( var i = 1; i < tb.rows.length - 1; i++) {
  39.             var first_new_row_title = tb.rows[i].cells[0].innerHTML;
  40.             if (first_row_title != "" && first_row_title == first_new_row_title) {
  41.                 tb.rows[i].deleteCell(0);
  42.                 row_span_num++;
  43.                 if (i == tb.rows.length - 2) {
  44.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  45.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  46.                     first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");
  47.                 }
  48.             } else {
  49.                 if (first_row_title != "") {
  50.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  51.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  52.                     first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");
  53.                     row_span_num = 1;
  54.                 }
  55.                 first_row_obj = tb.rows[i].cells[0];
  56.                 first_row_title = first_new_row_title;
  57.             }
  58.         }
  59.  
  60.     }
  61.     function clearTrStyle() {
  62.         $("td").each(function() {
  63.             $(this).removeClass("over");
  64.         });
  65.     }
  66.     $(document).ready(function() {
  67.         $("tr").mousedown(function() {
  68.             //如果鼠标移到class为stripe的表格的tr上时，执行函数
  69.             clearTrStyle();
  70.             $(this).find("td").each(function() {
  71.                 if ($(this).attr("rowSpan") == 1) {
  72.                     $(this).addClass("over");
  73.                 }
  74.             });
  75.         });
  76.     });
  77.  
  78. </script>
  79. </head>
  80. <body onload="fixRowspan()">
  81.     <form action="${pageContext.request.contextPath}/XXXX" method="post" target="mainWorkArea">
  82.         <fieldset>
  83.             <legend>教师评价</legend>
  84.             <div id="content">
  85.                 <display:table name="${appraiseDetailBeanList}" id="appraiseDetailBean">
  86.                     <display:column property="appraiseFirstName" title="维 度"></display:column>
  87.                     <display:column property="appraiseSecondName" title="要 素"></display:column>
  88.                     <display:column property="appraiseThirdName" title="关 键 表 现"></display:column>
  89.                     <display:column property="appraiseWeight" title="权重"></display:column>
  90.                     <display:column title="评 价 标 准">
  91.                         <input type="hidden" name="appraiseItemIndex${appraiseDetailBean_rowNum}"
  92.                             value="${ appraiseDetailBean.appraiseItemIndex}"/>
  93.                         <input type="hidden" name="appraiseIndex" value="${appraiseIndex}"/>
  94.                         <input type="hidden" name="appraiseType" value="${appraiseType}"/>
  95.                         <input type="hidden" id="studentInput" name="studentNo" value="${studentNo}"/>
  96.                         <input type="hidden" name="appraiseWeight${appraiseDetailBean_rowNum}"
  97.                             value="${ appraiseDetailBean.appraiseWeight}"/>
  98.                         <c:forTokens items="${appraiseDetailBean.appraiseOption}" var="oneOption" delims="," varStatus="index">
  99.                             <input type="radio" id="appraiseResult${appraiseDetailBean_rowNum}_${index.index}"
  100.                                 name="appraiseResult${appraiseDetailBean_rowNum}" value="${oneOption}"/>
  101.                             <label for="appraiseResult${appraiseDetailBean_rowNum}_${index.index}">
  102.                                 ${optionMap[oneOption] }
  103.                             </label>
  104.                         </c:forTokens>
  105.                     </display:column>
  106.                     <%-- <display:caption>${appraiseDetailBean.appraiseName}</display:caption> --%>
  107.                 </display:table>
  108.             </div>
  109.         </fieldset>
  110.     </form>
  111. </body>
  112. </html>

运行效果为：

附：页面解析后的源码为：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="pragma" content="no-cache">
  6. <meta http-equiv="cache-control" content="no-cache">
  7. <meta http-equiv="expires" content="0">
  8. <script type="text/javascript" src="/javascript/jquery-1.4.2.js"></script>
  9. <script type="text/javascript" src="/javascript/managerutil.js"></script>
  10. <link rel="stylesheet" href="/css/com.css" />
  11. <title>评价信息详情</title>
  12. <script type="text/javascript">
  13.     function fixRowspan() {
  14.         var tb = document.getElementById("appraiseDetailBean");
  15.  
  16.         var row_span_num = 1;
  17.         var first_row_title = "";
  18.         var first_row_obj;
  19.         for ( var i = 1; i < tb.rows.length - 1; i++) {
  20.             var first_new_row_title = tb.rows[i].cells[1].innerHTML;
  21.             if (first_row_title != "" && first_row_title == first_new_row_title) {
  22.                 tb.rows[i].deleteCell(1);
  23.                 row_span_num++;
  24.                 if (i == tb.rows.length - 2) {
  25.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  26.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  27.                     first_row_obj.innerHTML = first_row_title.replace("/",
  28.                             "<br/>");
  29.                 }
  30.             } else {
  31.                 if (first_row_title != "") {
  32.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  33.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  34.                     first_row_obj.innerHTML = first_row_title.replace("/",
  35.                             "<br/>");
  36.                     row_span_num = 1;
  37.                 }
  38.                 first_row_obj = tb.rows[i].cells[1];
  39.                 first_row_title = first_new_row_title;
  40.             }
  41.         }
  42.         row_span_num = 1;
  43.         first_row_title = "";
  44.         first_row_obj = null;
  45.         for ( var i = 1; i < tb.rows.length - 1; i++) {
  46.             var first_new_row_title = tb.rows[i].cells[0].innerHTML;
  47.             if (first_row_title != "" && first_row_title == first_new_row_title) {
  48.                 tb.rows[i].deleteCell(0);
  49.                 row_span_num++;
  50.                 if (i == tb.rows.length - 2) {
  51.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  52.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  53.                     first_row_obj.innerHTML = first_row_title.replace("/",
  54.                             "<br/>");
  55.                 }
  56.             } else {
  57.                 if (first_row_title != "") {
  58.                     first_row_obj.setAttribute("rowSpan", row_span_num);
  59.                     //first_row_obj.innerHTML = getFontVertical(first_row_title);
  60.                     first_row_obj.innerHTML = first_row_title.replace("/",
  61.                             "<br/>");
  62.                     row_span_num = 1;
  63.                 }
  64.                 first_row_obj = tb.rows[i].cells[0];
  65.                 first_row_title = first_new_row_title;
  66.             }
  67.         }
  68.  
  69.     }
  70.     function clearTrStyle() {
  71.         $("td").each(function() {
  72.             $(this).removeClass("over");
  73.         });
  74.     }
  75.     $(document).ready(function() {
  76.         $("tr").mousedown(function() {
  77.             //如果鼠标移到class为stripe的表格的tr上时，执行函数
  78.             clearTrStyle();
  79.             $(this).find("td").each(function() {
  80.                 if ($(this).attr("rowSpan") == 1) {
  81.                     $(this).addClass("over");
  82.                 }
  83.             });
  84.         });
  85.     });
  86. </script>
  87. </head>
  88. <body onload="fixRowspan()">
  89.  
  90.     <form action="XXX" method="post" target="mainWorkArea">
  91.         <fieldset>
  92.             <legend>教师评价</legend>
  93.             <div id="content">
  94.                 <table id="appraiseDetailBean">
  95.                     <caption>上学期-评价</caption>
  96.                     <thead>
  97.                         <tr>
  98.                             <th>维 度</th>
  99.                             <th>要 素</th>
  100.                             <th>关 键 表 现</th>
  101.                             <th>权重</th>
  102.                             <th>评 价 标 准</th>
  103.                         </tr>
  104.                     </thead>
  105.                     <tbody>
  106.                         <tr class="odd">
  107.                             <td>运动与健康</td>
  108.                             <td>习惯与技能</td>
  109.                             <td>热爱体育运动，养成锻炼习惯，“两操”出勤率高，动作规范，效果好</td>
  110.                             <td>3.00</td>
  111.                             <td>
  112.                                 <input type="hidden" name="appraiseItemIndex1" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  113.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  114.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  115.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  116.                                 <input type="hidden" name="appraiseWeight1" value="3.00"></input>
  117.  
  118.                                 <input type="radio" id="appraiseResult1_0" name="appraiseResult1" value="A"></input>
  119.                                 <label for="appraiseResult1_0">优</label>
  120.                                 <input type="radio" id="appraiseResult1_1" name="appraiseResult1" value="B"></input>
  121.                                 <label for="appraiseResult1_1">好</label>
  122.                                 <input type="radio" id="appraiseResult1_2" name="appraiseResult1" value="C"></input>
  123.                                 <label for="appraiseResult1_2">良</label>
  124.                                 <input type="radio" id="appraiseResult1_3" name="appraiseResult1" value="D"></input>
  125.                                 <label for="appraiseResult1_3">差</label>
  126.                                 <input type="radio" id="appraiseResult1_4" name="appraiseResult1" value="E"></input>
  127.                                 <label for="appraiseResult1_4">极差</label>
  128.                             </td>
  129.                         </tr>
  130.                         <tr class="even">
  131.                             <td>运动与健康</td>
  132.                             <td>习惯与技能</td>
  133.                             <td>有一定的体育爱好或特长，积极参加各项活动和竞赛，运动会主动参加</td>
  134.                             <td>4.00</td>
  135.                             <td>
  136.                                 <input type="hidden" name="appraiseItemIndex2" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  137.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  138.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  139.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  140.                                 <input type="hidden" name="appraiseWeight2" value="4.00"></input>
  141.  
  142.                                 <input type="radio" id="appraiseResult2_0" name="appraiseResult2" value="A"></input>
  143.                                 <label for="appraiseResult2_0">优</label>
  144.                                 <input type="radio" id="appraiseResult2_1" name="appraiseResult2" value="B"></input>
  145.                                 <label for="appraiseResult2_1">好</label>
  146.                                 <input type="radio" id="appraiseResult2_2" name="appraiseResult2" value="C"></input>
  147.                                 <label for="appraiseResult2_2">良</label>
  148.                                 <input type="radio" id="appraiseResult2_3" name="appraiseResult2" value="D"></input>
  149.                                 <label for="appraiseResult2_3">差</label>
  150.                                 <input type="radio" id="appraiseResult2_4" name="appraiseResult2" value="E"></input>
  151.                                 <label for="appraiseResult2_4">极差</label>
  152.                             </td>
  153.                         </tr>
  154.                         <tr class="odd">
  155.                             <td>运动与健康</td>
  156.                             <td>习惯与技能</td>
  157.                             <td>具备一定的运动技能，体育课考查情况好</td>
  158.                             <td>3.00</td>
  159.                             <td>
  160.                                 <input type="hidden" name="appraiseItemIndex3" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  161.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  162.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  163.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  164.                                 <input type="hidden" name="appraiseWeight3" value="3.00"></input>
  165.  
  166.                                 <input type="radio" id="appraiseResult3_0" name="appraiseResult3" value="A"></input>
  167.                                 <label for="appraiseResult3_0">优</label>
  168.                                 <input type="radio" id="appraiseResult3_1" name="appraiseResult3" value="B"></input>
  169.                                 <label for="appraiseResult3_1">好</label>
  170.                                 <input type="radio" id="appraiseResult3_2" name="appraiseResult3" value="C"></input>
  171.                                 <label for="appraiseResult3_2">良</label>
  172.                                 <input type="radio" id="appraiseResult3_3" name="appraiseResult3" value="D"></input>
  173.                                 <label for="appraiseResult3_3">差</label>
  174.                                 <input type="radio" id="appraiseResult3_4" name="appraiseResult3" value="E"></input>
  175.                                 <label for="appraiseResult3_4">极差</label>
  176.                             </td>
  177.                         </tr>
  178.                         <tr class="even">
  179.                             <td>运动与健康</td>
  180.                             <td>身心健康状况</td>
  181.                             <td>心理健康，能控制和调节自己的情绪，能正确的评价自我，积极向上</td>
  182.                             <td>2.00</td>
  183.                             <td>
  184.                                 <input type="hidden" name="appraiseItemIndex4" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  185.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  186.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  187.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  188.                                 <input type="hidden" name="appraiseWeight4" value="2.00"></input>
  189.  
  190.                                 <input type="radio" id="appraiseResult4_0" name="appraiseResult4" value="A"></input>
  191.                                 <label for="appraiseResult4_0">优</label>
  192.                                 <input type="radio" id="appraiseResult4_1" name="appraiseResult4" value="B"></input>
  193.                                 <label for="appraiseResult4_1">好</label>
  194.                                 <input type="radio" id="appraiseResult4_2" name="appraiseResult4" value="C"></input>
  195.                                 <label for="appraiseResult4_2">良</label>
  196.                                 <input type="radio" id="appraiseResult4_3" name="appraiseResult4" value="D"></input>
  197.                                 <label for="appraiseResult4_3">差</label>
  198.                                 <input type="radio" id="appraiseResult4_4" name="appraiseResult4" value="E"></input>
  199.                                 <label for="appraiseResult4_4">极差</label>
  200.                             </td>
  201.                         </tr>
  202.                         <tr class="odd">
  203.                             <td>运动与健康</td>
  204.                             <td>身心健康状况</td>
  205.                             <td>体育考试合格以上，有良好的身体素质，能正常参加学习劳动</td>
  206.                             <td>3.00</td>
  207.                             <td>
  208.                                 <input type="hidden" name="appraiseItemIndex5" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  209.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  210.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  211.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  212.                                 <input type="hidden" name="appraiseWeight5" value="3.00"></input>
  213.  
  214.                                 <input type="radio" id="appraiseResult5_0" name="appraiseResult5" value="A"></input>
  215.                                 <label for="appraiseResult5_0">优</label>
  216.                                 <input type="radio" id="appraiseResult5_1" name="appraiseResult5" value="B"></input>
  217.                                 <label for="appraiseResult5_1">好</label>
  218.                                 <input type="radio" id="appraiseResult5_2" name="appraiseResult5" value="C"></input>
  219.                                 <label for="appraiseResult5_2">良</label>
  220.                                 <input type="radio" id="appraiseResult5_3" name="appraiseResult5" value="D"></input>
  221.                                 <label for="appraiseResult5_3">差</label>
  222.                                 <input type="radio" id="appraiseResult5_4" name="appraiseResult5" value="E"></input>
  223.                                 <label for="appraiseResult5_4">极差</label>
  224.                             </td>
  225.                         </tr>
  226.                         <tr class="even">
  227.                             <td>运动与健康</td>
  228.                             <td>健康生活方式</td>
  229.                             <td>讲究卫生，有良好的卫生习惯</td>
  230.                             <td>3.00</td>
  231.                             <td>
  232.                                 <input type="hidden" name="appraiseItemIndex6" value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  233.                                 <input type="hidden" name="appraiseIndex"
  234.                                 value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  235.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  236.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  237.                                 <input type="hidden" name="appraiseWeight6" value="3.00"></input>
  238.  
  239.                                 <input type="radio" id="appraiseResult6_0" name="appraiseResult6" value="A"></input>
  240.                                 <label for="appraiseResult6_0">优</label>
  241.                                 <input type="radio" id="appraiseResult6_1" name="appraiseResult6" value="B"></input>
  242.                                 <label for="appraiseResult6_1">好</label>
  243.                                 <input type="radio" id="appraiseResult6_2" name="appraiseResult6" value="C"></input>
  244.                                 <label for="appraiseResult6_2">良</label>
  245.                                 <input type="radio" id="appraiseResult6_3" name="appraiseResult6" value="D"></input>
  246.                                 <label for="appraiseResult6_3">差</label>
  247.                                 <input type="radio" id="appraiseResult6_4" name="appraiseResult6" value="E"></input>
  248.                                 <label for="appraiseResult6_4">极差</label>
  249.                             </td>
  250.                         </tr>
  251.                         <tr class="odd">
  252.                             <td>运动与健康</td>
  253.                             <td>健康生活方式</td>
  254.                             <td>珍惜时间，按时作息，生活有规律，合理安排课余生活</td>
  255.                             <td>2.00</td>
  256.                             <td>
  257.                                 <input type="hidden" name="appraiseItemIndex7"
  258.                                 value="68086a63-3e1a-4fba-bb41-d7b32d213768"></input>
  259.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  260.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  261.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  262.                                 <input type="hidden" name="appraiseWeight7" value="2.00"></input>
  263.  
  264.                                 <input type="radio" id="appraiseResult7_0" name="appraiseResult7" value="A"></input>
  265.                                 <label for="appraiseResult7_0">优</label>
  266.                                 <input type="radio" id="appraiseResult7_1" name="appraiseResult7" value="B"></input>
  267.                                 <label for="appraiseResult7_1">好</label>
  268.                                 <input type="radio" id="appraiseResult7_2" name="appraiseResult7" value="C"></input>
  269.                                 <label for="appraiseResult7_2">良</label>
  270.                                 <input type="radio" id="appraiseResult7_3" name="appraiseResult7" value="D"></input>
  271.                                 <label for="appraiseResult7_3">差</label>
  272.                                 <input type="radio" id="appraiseResult7_4" name="appraiseResult7" value="E"></input>
  273.                                 <label for="appraiseResult7_4">极差</label>
  274.                             </td>
  275.                         </tr>
  276.                         <tr class="even">
  277.                             <td>公民素养</td>
  278.                             <td>有社会责任感</td>
  279.                             <td>关心时政，维护公共利益</td>
  280.                             <td>1.00</td>
  281.                             <td>
  282.                                 <input type="hidden" name="appraiseItemIndex8" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  283.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  284.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  285.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  286.                                 <input type="hidden" name="appraiseWeight8" value="1.00"></input>
  287.  
  288.                                 <input type="radio" id="appraiseResult8_0"
  289.                                 name="appraiseResult8" value="A"></input>
  290.                                 <label for="appraiseResult8_0">优</label>
  291.                                 <input type="radio" id="appraiseResult8_1" name="appraiseResult8" value="B"></input>
  292.                                 <label for="appraiseResult8_1">好</label>
  293.                                 <input type="radio" id="appraiseResult8_2" name="appraiseResult8" value="C"></input>
  294.                                 <label for="appraiseResult8_2">良</label>
  295.                                 <input type="radio" id="appraiseResult8_3" name="appraiseResult8" value="D"></input>
  296.                                 <label for="appraiseResult8_3">差</label>
  297.                                 <input type="radio" id="appraiseResult8_4" name="appraiseResult8" value="E"></input>
  298.                                 <label for="appraiseResult8_4">极差</label>
  299.                             </td>
  300.                         </tr>
  301.                         <tr class="odd">
  302.                             <td>公民素养</td>
  303.                             <td>有社会责任感</td>
  304.                             <td>扶贫帮困，富有爱心</td>
  305.                             <td>2.00</td>
  306.                             <td>
  307.                                 <input type="hidden" name="appraiseItemIndex9" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  308.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  309.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  310.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  311.                                 <input type="hidden" name="appraiseWeight9" value="2.00"></input>
  312.  
  313.                                 <input type="radio" id="appraiseResult9_0" name="appraiseResult9" value="A"></input>
  314.                                 <label for="appraiseResult9_0">优</label>
  315.                                 <input type="radio" id="appraiseResult9_1" name="appraiseResult9" value="B"></input>
  316.                                 <label for="appraiseResult9_1">好</label>
  317.                                 <input type="radio" id="appraiseResult9_2" name="appraiseResult9" value="C"></input>
  318.                                 <label for="appraiseResult9_2">良</label>
  319.                                 <input type="radio" id="appraiseResult9_3" name="appraiseResult9" value="D"></input>
  320.                                 <label for="appraiseResult9_3">差</label>
  321.                                 <input type="radio" id="appraiseResult9_4" name="appraiseResult9" value="E"></input>
  322.                                 <label for="appraiseResult9_4">极差</label>
  323.                             </td>
  324.                         </tr>
  325.                         <tr class="even">
  326.                             <td>公民素养</td>
  327.                             <td>有社会责任感</td>
  328.                             <td>积极参加环保等实践活动</td>
  329.                             <td>2.00</td>
  330.                             <td>
  331.                                 <input type="hidden" name="appraiseItemIndex10" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  332.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  333.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  334.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  335.                                 <input type="hidden" name="appraiseWeight10" value="2.00"></input>
  336.  
  337.                                 <input type="radio" id="appraiseResult10_0" name="appraiseResult10" value="A"></input>
  338.                                 <label for="appraiseResult10_0">优</label>
  339.                                 <input type="radio" id="appraiseResult10_1" name="appraiseResult10" value="B"></input>
  340.                                 <label for="appraiseResult10_1">好</label>
  341.                                 <input type="radio" id="appraiseResult10_2" name="appraiseResult10" value="C"></input>
  342.                                 <label for="appraiseResult10_2">良</label>
  343.                                 <input type="radio" id="appraiseResult10_3" name="appraiseResult10" value="D"></input>
  344.                                 <label for="appraiseResult10_3">差</label>
  345.                                 <input type="radio" id="appraiseResult10_4" name="appraiseResult10" value="E"></input>
  346.                                 <label for="appraiseResult10_4">极差</label>
  347.                             </td>
  348.                         </tr>
  349.                         <tr class="odd">
  350.                             <td>公民素养</td>
  351.                             <td>注重修养举止文明</td>
  352.                             <td>勤劳节俭，仪表着装得体</td>
  353.                             <td>2.00</td>
  354.                             <td>
  355.                                 <input type="hidden" name="appraiseItemIndex11" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  356.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  357.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  358.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  359.                                 <input type="hidden" name="appraiseWeight11" value="2.00"></input>
  360.  
  361.                                 <input type="radio" id="appraiseResult11_0" name="appraiseResult11" value="A"></input>
  362.                                 <label for="appraiseResult11_0">优</label>
  363.                                 <input type="radio" id="appraiseResult11_1" name="appraiseResult11" value="B"></input>
  364.                                 <label for="appraiseResult11_1">好</label>
  365.                                 <input type="radio" id="appraiseResult11_2" name="appraiseResult11" value="C"></input>
  366.                                 <label for="appraiseResult11_2">良</label>
  367.                                 <input type="radio" id="appraiseResult11_3" name="appraiseResult11" value="D"></input>
  368.                                 <label for="appraiseResult11_3">差</label>
  369.                                 <input type="radio" id="appraiseResult11_4" name="appraiseResult11" value="E"></input>
  370.                                 <label for="appraiseResult11_4">极差</label>
  371.                             </td>
  372.                         </tr>
  373.                         <tr class="even">
  374.                             <td>公民素养</td>
  375.                             <td>注重修养举止文明</td>
  376.                             <td>未经家长或老师同意不得在外住宿或留宿他人</td>
  377.                             <td>1.00</td>
  378.                             <td>
  379.                                 <input type="hidden" name="appraiseItemIndex12" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  380.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  381.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  382.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  383.                                 <input type="hidden" name="appraiseWeight12" value="1.00"></input>
  384.  
  385.                                 <input type="radio" id="appraiseResult12_0" name="appraiseResult12" value="A"></input>
  386.                                 <label for="appraiseResult12_0">优</label>
  387.                                 <input type="radio" id="appraiseResult12_1" name="appraiseResult12" value="B"></input>
  388.                                 <label for="appraiseResult12_1">好</label>
  389.                                 <input type="radio" id="appraiseResult12_2" name="appraiseResult12" value="C"></input>
  390.                                 <label for="appraiseResult12_2">良</label>
  391.                                 <input type="radio" id="appraiseResult12_3" name="appraiseResult12" value="D"></input>
  392.                                 <label for="appraiseResult12_3">差</label>
  393.                                 <input type="radio" id="appraiseResult12_4" name="appraiseResult12" value="E"></input>
  394.                                 <label for="appraiseResult12_4">极差</label>
  395.                             </td>
  396.                         </tr>
  397.                         <tr class="odd">
  398.                             <td>公民素养</td>
  399.                             <td>注重修养举止文明</td>
  400.                             <td>尊敬师长，礼貌待人，语言文明</td>
  401.                             <td>2.00</td>
  402.                             <td>
  403.                                 <input type="hidden" name="appraiseItemIndex13" value="6f8dcba9-7518-429f-a317-bf4618801fc2"></input>
  404.                                 <input type="hidden" name="appraiseIndex" value="3b3ba937-6fe8-4d55-a997-600ac739735e"></input>
  405.                                 <input type="hidden" name="appraiseType" value="teacher"></input>
  406.                                 <input type="hidden" id="studentInput" name="studentNo" value=""></input>
  407.                                 <input type="hidden" name="appraiseWeight13" value="2.00"></input>
  408.  
  409.                                 <input type="radio" id="appraiseResult13_0" name="appraiseResult13" value="A"></input>
  410.                                 <label for="appraiseResult13_0">优</label>
  411.                                 <input type="radio" id="appraiseResult13_1" name="appraiseResult13" value="B"></input>
  412.                                 <label for="appraiseResult13_1">好</label>
  413.                                 <input type="radio" id="appraiseResult13_2" name="appraiseResult13" value="C"></input>
  414.                                 <label for="appraiseResult13_2">良</label>
  415.                                 <input type="radio" id="appraiseResult13_3" name="appraiseResult13" value="D"></input>
  416.                                 <label for="appraiseResult13_3">差</label>
  417.                                 <input type="radio" id="appraiseResult13_4" name="appraiseResult13" value="E"></input>
  418.                                 <label for="appraiseResult13_4">极差</label>
  419.                             </td>
  420.                         </tr>
  421.                     </tbody>
  422.                 </table>
  423.             </div>
  424.         </fieldset>
  425.     </form>
  426. </body>
  427. </html>

display:table合并表格的更多相关文章

  1. 基于CSS属性display:table的表格布局的使用

    项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格 ...

  2. display属性的表格布局相关属性

    基于CSS属性display:table的表格布局的使用   项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的tabl ...

  3. display:table表格合并单元格

    直接上代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEn ...

  4. dsplay:table页面合并表格

    在实际项目中经常会遇到合并表格的情形,现在我将自己合并的方法写出来,供大家教参一下,顺便自己也作个备忘. <%@ page language="java" contentTy ...

  5. CSS display:table属性用法- 轻松实现了三栏等高布局

    display:table:此元素会作为块级表格来显示(类似 <table>); display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签.目前IE8+以 ...

  6. table设置表格有滚动条

    table 设置表格有滚动条. 少说多做,代码中有注释: <!DOCTYPE HTML> <html> <head> <meta http-equiv=&qu ...

  7. table中tr间距的设定table合并单元格 colspan（跨列）和rowspan（跨行）

    table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动对齐): 并且在tr中对起设定padding是有用的,可 ...

  8. 使用jquery合并表格中相同文本的相邻单元格

    一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <met ...

  9. [转]基于display:table的CSS布局

    当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值:table.table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器.它标志着复杂CSS ...

随机推荐

  1. LeetCode 6:Excel Sheet Column Number

    Given a column title as appear in an Excel sheet, return its corresponding column number. For exampl ...

  2. 【FIRST USE】第一次用git把代码上传到github

    第一次使用某个东西总是充满了伤痛,我第一次用sed的时候,毁掉了我的所有源代码,第一次用git的时候一直提示不正确,后来解决了问题,便记录下来. 首先说明我的环境,我用的是虚拟机,上面运行的64位的c ...

  3. POJ1019 Number Sequence

    Number Sequence Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 36256   Accepted: 10461 ...

  4. linux内核分析笔记----中断和中断处理程序【转】

    转自:http://www.cnblogs.com/hanyan225/archive/2011/07/17/2108609.html 中断还是中断,我讲了很多次的中断了,今天还是要讲中断,为啥呢?因 ...

  5. codevs 1018 [noip 2000 提高] 单词接龙

    题目链接:http://codevs.cn/problem/1018/ 题目描述 Description 单词接龙是一个与我们经常玩的成语接龙相类似的游戏,现在我们已知一组单词,且给定一个开头的字母, ...

  6. 【C++】继承中的隐藏与覆盖

    没有访问控制符时默认为私有继承. 当基类中的某个函数有若干个重载版本,继承类中也实现了该函数的某个重载版本时,参数完全相同的基类版本被覆盖,基类的其他版本被隐藏. 1.若要在继承类中使用基类的被覆盖方 ...

  7. 网站js埋点

    js埋点 1.埋点作用:  页面埋点的作用:其实就是用于流量分析.而流量的意思,包含了很多:页面浏览数(PV).独立访问者数量(UV).IP.页面停留时间.页面操作时间.页面访问次数.按钮点击次数.文 ...

  8. js中的数组（类）的相加

    var wcf=[1,2,3,4,5] console.log(wcf[4]) var wcf1=[7,8,9,10,11] var wcf2=wcf+wcf1 console.log(wcf2) c ...

  9. 【hdoj_2037】今年暑假不AC

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=2037 可以这样理解题意:将每个节目看做是一个区间,起始时间为左右端点,待求的是:最多可以有多少个区间互不相 ...

  10. linux+win7双系统重装win7修复grub的办法

    本人是debian+win7的双系统, 下面介绍下重装win7的整个过程以及遇到的一些小问题,在查阅相关博客和朋友的帮助下成功修复, 记录下以便以后有不时之需, 也希望能帮助到遇到同样问题的朋友! 首 ...