ホーム エクスプローラ ヘルプ
サインイン
opensource
/
DWSurvey
2
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ツリー: bf1554b1df
ブランチ タグ
DWSurvey
/
src
/
main
/
webapp
/
WEB-INF
/
page
/
content
/
diaowen-design
/
answer-survey-mobile.jsp

answer-survey-mobile.jsp 55 KB
履歴 Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2. 

  2.     pageEncoding="UTF-8"%>
    3. 

  3.  <%@include file="/common/taglibs.jsp" %>
    4. 

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    5. 

  5. <html>
    6. 

  6. <head>
    7. 

  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8. 

  8. <meta name="viewport" content="width=device-width, initial-scale=1" />
    9. 

  9. <title>${survey.surveyName }</title>
    10. 

  10. <link href="${ctx }/css/sur-mobile.css" rel="stylesheet" type="text/css" />
    11. 

  11. <link rel="stylesheet" href="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
    12. 

  12. <script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
    13. 

  13. <script src="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
    14. 

  14. <link href="${ctx }/js/plugs/font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet">
    15. 

  15. 

  16. <link href="${ctx}/js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
    17. 

  17. 

  18. <script type="text/javascript">
    19. 

  19. $(document).ready(function(){
    20. 

  20. 	
    21. 

  21. });
    22. 

  22. </script>
    23. 

  23. <style type="text/css">
    24. 

  24. .ui-page {
    25. 

  25. 	background:white;
    26. 

  26. }
    27. 

  27. .ui-header{
    28. 

  28. 	background-color: #5693C0! important;
    29. 

  29. 	text-shadow:0 1px 0 #3D586C! important;
    30. 

  30. 	padding-bottom: 5px;
    31. 

  31. }
    32. 

  32. .ui-content{
    33. 

  33. 	padding: 0px 1em;
    34. 

  34. }
    35. 

  35. .ui-footer{
    36. 

  36. 	color: #3D586C! important;
    37. 

  37. 	background: none! important;
    38. 

  38. }
    39. 

  39. .ui-header, .ui-footer{
    40. 

  40. 	border: none! important;
    41. 

  41. }
    42. 

  42. .starRating{
    43. 

  43. 	font-size: 26px;
    44. 

  44. }
    45. 

  45. .starRating .fa{
    46. 

  46. 	cursor: pointer;
    47. 

  47. }
    48. 

  48. .starRating .fa-star{
    49. 

  49. 	color: #3388CC;
    50. 

  50. }
    51. 

  51. .subbtn{
    52. 

  52. 	opacity:1! important;
    53. 

  53. 	color: white;
    54. 

  54. }
    55. 

  55. .quTitleNum{
    56. 

  56. 	/* position: absolute; */
    57. 

  57. }
    58. 

  58. .quTitleText{
    59. 

  59. 	/* text-indent: 2em; */
    60. 

  60. }
    61. 

  61. #dwSurveyNote{
    62. 

  62. 	padding-top: 0px;
    63. 

  63. }
    64. 

  64. .m_quOrderByUi{
    65. 

  65. 	  margin: 5px 0 5px 0;
    66. 

  66.   padding: 0;
    67. 

  67.   border: 1px solid #d5d5d5;
    68. 

  68.   border-radius: 3px;
    69. 

  69. }
    70. 

  70. .m_quOrderByUi li{
    71. 

  71.   border-color: #fff;
    72. 

  72.   font-size: 16px;
    73. 

  73.   min-height: 41px;
    74. 

  74.   position: relative;
    75. 

  75.   padding-right: 45px!important;
    76. 

  76.   border-bottom: 1px solid #EBEBEB!important;
    77. 

  77. }
    78. 

  78. .m_orderby_num{
    79. 

  79.   position: absolute;
    80. 

  80.   right: 10px;
    81. 

  81.   top: 55%;
    82. 

  82.   margin-top: -15px;
    83. 

  83.   min-width: 26px;
    84. 

  84.   height: 26px;
    85. 

  85.   background: #85C8FF;
    86. 

  86.   color: #fff;
    87. 

  87.   text-align: center;
    88. 

  88.   line-height: 26px;
    89. 

  89.   border-radius: 15px;
    90. 

  90.   z-index: 100;
    91. 

  91.   display: none;
    92. 

  92. }
    93. 

  93. .m_orderby_sel{
    94. 

  94.   position: absolute;
    95. 

  95.   top: 0px;
    96. 

  96.   left: 0px;
    97. 

  97.   width: 100%;
    98. 

  98.   height: 100%;
    99. 

  99.   opacity: 0;
    100. 

  100.   font-size: 30px;
    101. 

  101.   z-index: 9999;
    102. 

  102.   
    103. 

  103.   background-color: rgb(248, 248, 248);
    104. 

  104.   border: 1px solid rgb(166, 166, 166);
    105. 

  105.   border-image-source: initial;
    106. 

  106.   border-image-slice: initial;
    107. 

  107.   border-image-width: initial;
    108. 

  108.   border-image-outset: initial;
    109. 

  109.   border-image-repeat: initial;
    110. 

  110.   
    111. 

  111.     display: inline-block;
    112. 

  112. }
    113. 

  113. 

  114. </style>
    115. 

  115. </head>
    116. 

  116. <body>
    117. 

  117. <form id="surveyForm" action="${ctx }/response!saveMobile.action" method="post" data-ajax="false">
    118. 

  118. <input type="hidden" id="surveyId" name="surveyId" value="${survey.id }">
    119. 

  119. <input type="hidden" name="form-from" value="mobile" >
    120. 

  120. <div data-role="page" >
    121. 

  121.   <div data-role="header">
    122. 

  122.     	<div id="dwSurveyTitle" class="noLogoImg" style="padding-top: 5px;">
    123. 

  123.     		<!-- <i class="fa fa-star"></i> -->
    124. 

  124. 			<div id="dwSurveyName" class="dwSvyName" style="color:rgb(244, 234, 195);">${survey.surveyName }</div>
    125. 

  125. 		</div>
    126. 

  126. 		<div id="dwSurveyNote">
    127. 

  127. 			<div id="dwSurveyNoteEdit"  style="color:white;font-weight: normal;line-height: 20px;">${survey.surveyDetail.surveyNote }</div>
    128. 

  128. 		</div>
    129. 

  129.   </div>
    130. 

  130.   <div id="m-errorMsg"></div>
    131. 

  131.   <div data-role="content" >
    132. 

  132.     <div id="dwSurveyQuContent" style="">
    133. 

  133. 			<div id="dwSurveyQuContentBg">
    134. 

  134. 			
    135. 

  135. 			<!-- <div style="border-top: 3px solid #81AB00;margin:0px auto;padding-bottom: 15px;"></div> -->
    136. 

  136. 			<c:set var="pageNo" value="1"></c:set>
    137. 

  137. 			<c:set var="isNextPage" value="0"></c:set>
    138. 

  138. 			<ul id="dwSurveyQuContentAppUl">
    139. 

  139. 				<!-- 题目内容 -->
    140. 

  140. 				<c:forEach items="${survey.questions }" var="en" varStatus="i">
    141. 

  141. 				
    142. 

  142. 				<c:choose>
    143. 

  143. 					<c:when test="${en.quType eq 'RADIO' }">
    144. 

  144. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    145. 

  145. 						<div class="surveyQuItemBody">
    146. 

  146. 							<div class="initLine"></div>
    147. 

  147. 							<div class="quInputCase" style="display: none;">
    148. 

  148. 								<input type="hidden" class="quType" value="RADIO" >
    149. 

  149. 								<input type="hidden" class="quId" value="${en.id }"  >
    150. 

  150. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    151. 

  151. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    152. 

  152. 								<input type="hidden" class="answerTag" value="0" >
    153. 

  153. 								<div class="quLogicInputCase">
    154. 

  154. 								<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    155. 

  155. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    156. 

  156. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    157. 

  157. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    158. 

  158. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    159. 

  159. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    160. 

  160. 									</div>
    161. 

  161. 								</c:forEach>
    162. 

  162. 								</div>
    163. 

  163. 							</div>
    164. 

  164. 							<div class="surveyQuItem">
    165. 

  165. 								<div class="surveyQuItemContent">
    166. 

  166. 								<fieldset data-role="controlgroup" >
    167. 

  167. 									<legend>
    168. 

  168. 										<span class="quTitleNum">${i.count }、</span>
    169. 

  169. 										<span class="quTitleText">${en.quTitle}</span>
    170. 

  170. 									</legend>
    171. 

  171. 									<c:forEach items="${en.quRadios }" var="item" >
    172. 

  172. 										<div class="dwQuOptionItemContent">
    173. 

  173. 										<label for="qu_${en.quType }_${en.id }_${item.id}">${item.optionName }</label>
    174. 

  174. 										<input id="qu_${en.quType }_${en.id }_${item.id}" type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }">
    175. 

  175. 											<c:if test="${item.isNote eq 1 }" >
    176. 

  176. 												<input type='text' class='inputSytle_1'  style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}"   name="text_qu_${en.quType }_${en.id }_${item.id }"  />
    177. 

  177. 											</c:if>
    178. 

  178. 										</div>
    179. 

  179. 									</c:forEach>
    180. 

  180. 								</fieldset>
    181. 

  181. 								</div>
    182. 

  182. 							</div>
    183. 

  183. 					</div>
    184. 

  184. 					</li>
    185. 

  185. 					</c:when>
    186. 

  186. 					
    187. 

  187. 					<c:when test="${en.quType eq 'CHECKBOX' }">
    188. 

  188. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    189. 

  189. 						<div class="surveyQuItemBody">
    190. 

  190. 							<div class="initLine"></div>
    191. 

  191. 							<div class="quInputCase" style="display: none;">
    192. 

  192. 								<input type="hidden" class="quType" value="CHECKBOX">
    193. 

  193. 								<input type="hidden" class="quId" value="${en.id }">
    194. 

  194. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    195. 

  195. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    196. 

  196. 								<input type="hidden" class="answerTag" value="0" >
    197. 

  197. 								<div class="quLogicInputCase">
    198. 

  198. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    199. 

  199. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    200. 

  200. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    201. 

  201. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    202. 

  202. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    203. 

  203. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    204. 

  204. 									</div>
    205. 

  205. 									</c:forEach>
    206. 

  206. 								</div>
    207. 

  207. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="tag_qu_${en.quType }_${en.id }_" />
    208. 

  208. 							</div>
    209. 

  209. 							<div class="surveyQuItem">
    210. 

  210. 								<div class="surveyQuItemContent">
    211. 

  211. 								<fieldset data-role="controlgroup" >
    212. 

  212. 										<legend>
    213. 

  213. 											<span class="quTitleNum">${i.count }、</span>
    214. 

  214. 											<span class="quTitleText">${en.quTitle}</span>
    215. 

  215. 										</legend>
    216. 

  216. 									<c:forEach items="${en.quCheckboxs }" var="item">
    217. 

  217. 										<div class="dwQuOptionItemContent">
    218. 

  218. 										<label for="tag_qu_${en.quType }_${en.id }_${item.id }" >${item.optionName }</label>
    219. 

  219. 										<input id="tag_qu_${en.quType }_${en.id }_${item.id }" type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }"  value="${item.id }" >
    220. 

  220. 											<c:if test="${item.isNote eq 1 }" >
    221. 

  221. 												<input type='text' class='inputSytle_1'  style="width:200px;padding:5px;"  name="text_tag_qu_${en.quType }_${en.id }_${en.quCheckboxs[quOptionIndex].id }" />
    222. 

  222. 											</c:if>
    223. 

  223. 										</div>
    224. 

  224. 									</c:forEach>
    225. 

  225. 								</fieldset>
    226. 

  226. 								</div>
    227. 

  227. 							</div>
    228. 

  228. 					</div>
    229. 

  229. 					</li>
    230. 

  230. 					</c:when>
    231. 

  231. 					
    232. 

  232. 					<c:when test="${en.quType eq 'FILLBLANK' }">
    233. 

  233. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    234. 

  234. 						<div class="surveyQuItemBody">
    235. 

  235. 							<div class="initLine"></div>
    236. 

  236. 							<div class="quInputCase" style="display: none;">
    237. 

  237. 								<input type="hidden" class="quType" value="FILLBLANK">
    238. 

  238. 								<input type="hidden" class="quId" value="${en.id }">
    239. 

  239. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    240. 

  240. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    241. 

  241. 								<input type="hidden" class="answerTag" value="0" >
    242. 

  242. 								<div class="quLogicInputCase">
    243. 

  243. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    244. 

  244. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    245. 

  245. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    246. 

  246. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    247. 

  247. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    248. 

  248. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    249. 

  249. 									</div>
    250. 

  250. 									</c:forEach>
    251. 

  251. 								</div>
    252. 

  252. 							</div>
    253. 

  253. 							<div class="surveyQuItem">
    254. 

  254. 								<div class="surveyQuItemContent" >
    255. 

  255. 									 <div style="margin: 0px 5px;">
    256. 

  256. 									 	<label for="qu_${en.quType }_${en.id }">
    257. 

  257. 									 		<span class="quTitleNum">${i.count }、</span>
    258. 

  258. 											<span class="quTitleText">${en.quTitle}</span>
    259. 

  259. 									 	</label>
    260. 

  260. 

  261. 										 <%--<input id="qu_${en.quType }_${en.id }" type="text" name="qu_${en.quType }_${en.id }" class="fillblankInput" >--%>
    262. 

  262. 

  263. 										 <c:choose>
    264. 

  264. 											 <c:when test="${en.answerInputRow > 1 }">
    265. 

  265. 												 <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" class="inputSytle_2 fillblankInput" ></textarea>
    266. 

  266. 											 </c:when>
    267. 

  267. 											 <c:otherwise>
    268. 

  268. 												 <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" >
    269. 

  269. 											 </c:otherwise>
    270. 

  270. 										 </c:choose>
    271. 

  271. 

  272. 									 </div>
    273. 

  273. 								</div>
    274. 

  274. 							</div>
    275. 

  275. 					</div>
    276. 

  276. 					</li>
    277. 

  277. 					</c:when>
    278. 

  278. 					
    279. 

  279. 					<c:when test="${en.quType eq 'SCORE' }">
    280. 

  280. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    281. 

  281. 						<div class="surveyQuItemBody">
    282. 

  282. 							<div class="initLine"></div>
    283. 

  283. 							<div class="quInputCase" style="display: none;">
    284. 

  284. 								<input type="hidden" class="quType" value="SCORE">
    285. 

  285. 								<input type="hidden" class="quId" value="${en.id }">
    286. 

  286. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    287. 

  287. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    288. 

  288. 								<div class="quLogicInputCase">
    289. 

  289. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    290. 

  290. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    291. 

  291. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    292. 

  292. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    293. 

  293. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    294. 

  294. 										<input type="hidden" class="geLe" value="${quLogicEn.geLe }"/>
    295. 

  295. 										<input type="hidden" class="scoreNum" value="${quLogicEn.scoreNum }"/>
    296. 

  296. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    297. 

  297. 									</div>
    298. 

  298. 									</c:forEach>
    299. 

  299. 								</div>
    300. 

  300. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    301. 

  301. 							</div>
    302. 

  302. 							<div class="surveyQuItem">
    303. 

  303. 								<div class="surveyQuItemContent">
    304. 

  304. 									<div class="quCoTitle">
    305. 

  305. 										<legend>
    306. 

  306. 											<span class="quTitleNum">${i.count }、</span>
    307. 

  307. 											<span class="quTitleText">${en.quTitle}</span>
    308. 

  308. 										</legend>
    309. 

  309. 									</div>
    310. 

  310. 									<div class="quCoItem">
    311. 

  311. 											<c:forEach items="${en.quScores }" var="item">
    312. 

  312. 											<div class="scoreRow quScoreOptionTr">
    313. 

  313. 												<input class="dwScoreOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
    314. 

  314. 												<input type="hidden" class="answerTag" value="0" >
    315. 

  315. 												<fieldset class="starRating" data-role="controlgroup" >
    316. 

  316. 													<legend>${item.optionName }</legend>
    317. 

  317. 													<c:forEach begin="1" end="${en.paramInt02 }" var="scoreNum"><i class="fa fa-star-o"></i></c:forEach>
    318. 

  318. 													<%--<i class="fa fa-star-o"></i>
    319. 

  319. 													<i class="fa fa-star-o"></i>
    320. 

  320. 													<i class="fa fa-star-o"></i>
    321. 

  321. 													<i class="fa fa-star-o"></i>
    322. 

  322. 													<i class="fa fa-star-o"></i>--%>
    323. 

  323. 												</fieldset>
    324. 

  324. 												<input name="item_qu_${en.quType }_${en.id }_${item.id }" value=""  type="hidden" class="scoreNumInput" >
    325. 

  325. 											</div>
    326. 

  326. 											</c:forEach>
    327. 

  327. 									</div>
    328. 

  328. 								</div>
    329. 

  329. 								
    330. 

  330. 							</div>
    331. 

  331. 					</div>
    332. 

  332. 					</li>
    333. 

  333. 					</c:when>
    334. 

  334. 					
    335. 

  335. 					<c:when test="${en.quType eq 'ORDERQU' }">
    336. 

  336. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    337. 

  337. 						<div class="surveyQuItemBody">
    338. 

  338. 							<div class="initLine"></div>
    339. 

  339. 							<div class="quInputCase" style="display: none;">
    340. 

  340. 								<input type="hidden" class="quType" value="ORDERQU">
    341. 

  341. 								<input type="hidden" class="quId" value="${en.id }">
    342. 

  342. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    343. 

  343. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    344. 

  344. 								<input type="hidden" class="answerTag" value="0" >
    345. 

  345. 								<div class="quLogicInputCase">
    346. 

  346. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    347. 

  347. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    348. 

  348. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    349. 

  349. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    350. 

  350. 									</div>
    351. 

  351. 									</c:forEach>
    352. 

  352. 								</div>
    353. 

  353. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    354. 

  354. 							</div>
    355. 

  355. 							
    356. 

  356. 							<div class="surveyQuItem">
    357. 

  357. 								<div class="surveyQuItemContent">
    358. 

  358. 								<fieldset data-role="controlgroup" >
    359. 

  359. 										<legend>
    360. 

  360. 											<span class="quTitleNum">${i.count }、</span>
    361. 

  361. 											<span class="quTitleText">${en.quTitle}</span>
    362. 

  362. 										</legend>
    363. 

  363. 								<div class="ui-controlgroup-controls ">
    364. 

  364. 									<c:forEach items="${en.quOrderbys }" var="item">
    365. 

  365. 										<div class="ui-checkbox m_clickQuOrderItem">
    366. 

  366. 											<label class="ui-btn ui-corner-all ui-btn-inherit itemOptionname"  style="text-align: left;" >${item.optionName }</label>
    367. 

  367. 											<div class="m_orderby_num">0</div>
    368. 

  368. 											<div style="display: none;">
    369. 

  369. 												<input  name="item_qu_${en.quType }_${en.id }_${item.id }"  value="0" type="hidden" class="quOrderItemHidInput" >
    370. 

  370. 											</div>
    371. 

  371. 										</div>
    372. 

  372. 									</c:forEach>
    373. 

  373. 								</div>
    374. 

  374. 										
    375. 

  375. 								</fieldset>
    376. 

  376. 								</div>
    377. 

  377. 							</div>
    378. 

  378. 							
    379. 

  379. 							
    380. 

  380. 							<%-- <div class="surveyQuItem">
    381. 

  381. 								<div class="surveyQuItemContent">
    382. 

  382. 									<div class="quCoTitle">
    383. 

  383. 										<legend>
    384. 

  384. 										<span>${i.count }、</span>
    385. 

  385. 										<span>${en.quTitle}</span>
    386. 

  386. 										</legend>
    387. 

  387. 									</div>
    388. 

  388. 									<div class="quCoItem quOrderByCoItem">
    389. 

  389. 										<div  class="quOrderByLeft">
    390. 

  390. 										<ul class="quOrderByLeftUl">
    391. 

  391. 										<c:forEach items="${en.quOrderbys }" var="item">
    392. 

  392. 											<li class="quCoItemUlLi">
    393. 

  393. 												<label class="editAble quCoOptionEdit" style="padding: 5px;background: #EDEDED;">${item.optionName }
    394. 

  394. 													<input  name="item_qu_${en.quType }_${en.id }_${item.id }"  value="1" type="hidden" class="quOrderItemHidInput" >
    395. 

  395. 												</label>
    396. 

  396. 											</li>
    397. 

  397. 										</c:forEach>
    398. 

  398. 										</ul>
    399. 

  399. 										</div>
    400. 

  400. 										<div style="clear: both;"></div>
    401. 

  401. 									</div>
    402. 

  402. 								</div>
    403. 

  403. 							</div>
    404. 

  404. 							 --%>
    405. 

  405. 					</div>
    406. 

  406. 					</li>
    407. 

  407. 					</c:when>
    408. 

  408. 					
    409. 

  409. 					<%-- 分页题 --%>
    410. 

  410. 					<c:when test="${en.quType eq 'PAGETAG' }">
    411. 

  411. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    412. 

  412. 						<div class="surveyQuItemBody">
    413. 

  413. 							<div class="initLine"></div>
    414. 

  414. 							<div class="quInputCase" style="display: none;">
    415. 

  415. 								<input type="hidden" class="quType" value="PAGETAG">
    416. 

  416. 								<input type="hidden" class="quId" value="${en.id }">
    417. 

  417. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    418. 

  418. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    419. 

  419. 								<div class="quLogicInputCase">
    420. 

  420. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    421. 

  421. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    422. 

  422. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    423. 

  423. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    424. 

  424. 									</div>
    425. 

  425. 									</c:forEach>
    426. 

  426. 								</div>
    427. 

  427. 							</div>
    428. 

  428. 							<div class="surveyQuItem">
    429. 

  429. 								<div class="pageBorderTop nohover"  ></div>
    430. 

  430. 								<div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
    431. 

  431. 									<!-- <div class="pageQuContent">下一页（1/2）</div> -->
    432. 

  432. 									<a href="#" class="sbtn24 sbtn24_0 nextPage_a" >下一页</a>&nbsp;&nbsp;
    433. 

  433. 									<c:if test="${pageNo > 1 }">
    434. 

  434. 									<a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
    435. 

  435. 									<input type="hidden" name="prevPageNo" value="${pageNo-1 }">
    436. 

  436. 									</c:if>
    437. 

  437. 									<c:set var="pageNo" value="${pageNo+1 }"></c:set>
    438. 

  438. 									<input type="hidden" name="nextPageNo" value="${pageNo }">
    439. 

  439. 								</div>
    440. 

  440. 							</div>
    441. 

  441. 					</div>
    442. 

  442. 					</li>
    443. 

  443. 					</c:when>
    444. 

  444. 					
    445. 

  445. 					<%--段落说明 --%>
    446. 

  446. 					<c:when test="${en.quType eq 'PARAGRAPH' }">
    447. 

  447. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    448. 

  448. 						<div class="surveyQuItemBody">
    449. 

  449. 							<div class="initLine"></div>
    450. 

  450. 							<div class="quInputCase" style="display: none;">
    451. 

  451. 								<input type="hidden" class="quType" value="PARAGRAPH">
    452. 

  452. 								<input type="hidden" class="quId" value="${en.id }">
    453. 

  453. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    454. 

  454. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    455. 

  455. 								<div class="quLogicInputCase">
    456. 

  456. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    457. 

  457. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    458. 

  458. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    459. 

  459. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    460. 

  460. 									</div>
    461. 

  461. 									</c:forEach>
    462. 

  462. 								</div>
    463. 

  463. 							</div>
    464. 

  464. 							<div class="surveyQuItem">
    465. 

  465. 								<div class="surveyQuItemContent"  style="min-height: 20px;">
    466. 

  466. 									<div class="quCoTitle">
    467. 

  467. 										<%-- <div class="quCoNum quTitleNum">${i.count }、</div> --%>
    468. 

  468. 										<div class="quCoTitleEdit" >${en.quTitle}</div>
    469. 

  469. 									</div>
    470. 

  470. 									<hr/>
    471. 

  471. 								</div>
    472. 

  472. 							</div>
    473. 

  473. 					</div>
    474. 

  474. 					</li>
    475. 

  475. 					</c:when>
    476. 

  476. 					
    477. 

  477. 					<%--多项填空题 --%>
    478. 

  478. 					<c:when test="${en.quType eq 'MULTIFILLBLANK' }">
    479. 

  479. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    480. 

  480. 						<div class="surveyQuItemBody">
    481. 

  481. 							<div class="initLine"></div>
    482. 

  482. 							<div class="quInputCase" style="display: none;">
    483. 

  483. 								<input type="hidden" class="quType" value="MULTIFILLBLANK">
    484. 

  484. 								<input type="hidden" class="quId" value="${en.id }">
    485. 

  485. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    486. 

  486. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    487. 

  487. 								<div class="quLogicInputCase">
    488. 

  488. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    489. 

  489. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    490. 

  490. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    491. 

  491. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    492. 

  492. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    493. 

  493. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    494. 

  494. 									</div>
    495. 

  495. 									</c:forEach>
    496. 

  496. 								</div>
    497. 

  497. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="text_qu_${en.quType }_${en.id }_" />
    498. 

  498. 							</div>
    499. 

  499. 							<div class="surveyQuItem">
    500. 

  500. 								
    501. 

  501. 								<div class="surveyQuItemContent">
    502. 

  502. 									<div class="quCoTitle">
    503. 

  503. 										<legend>
    504. 

  504. 											<span class="quTitleNum">${i.count }、</span>
    505. 

  505. 											<span class="quTitleText">${en.quTitle}</span>
    506. 

  506. 										</legend>
    507. 

  507. 									</div>
    508. 

  508. 									<div class="quCoItem">
    509. 

  509. 											
    510. 

  510. 											<c:forEach items="${en.quMultiFillblanks }" var="item">
    511. 

  511. 											<div class="mFillblankTableTr">
    512. 

  512. 													<label  for="text_qu_${en.quType }_${en.id }_${item.id }">${item.optionName }</label>
    513. 

  513. 													<input id="text_qu_${en.quType }_${en.id }_${item.id }" name="text_qu_${en.quType }_${en.id }_${item.id }"  type="text" class="dwMFillblankInput" >
    514. 

  514. 													<input class="dwMFillblankOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
    515. 

  515. 													<input type="hidden" class="answerTag" value="0" >
    516. 

  516. 											</div>
    517. 

  517. 											</c:forEach>
    518. 

  518. 									
    519. 

  519. 									</div>
    520. 

  520. 								</div>
    521. 

  521. 								
    522. 

  522. 							</div>
    523. 

  523. 					</div>
    524. 

  524. 					</li>
    525. 

  525. 					</c:when>
    526. 

  526. 					
    527. 

  527. 					<%-- 矩阵单选题 --%>
    528. 

  528. 					<c:when test="${en.quType eq 'CHENRADIO' }">
    529. 

  529. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    530. 

  530. 						<div class="surveyQuItemBody">
    531. 

  531. 							<div class="initLine"></div>
    532. 

  532. 							<div class="quInputCase" style="display: none;">
    533. 

  533. 								<input type="hidden" class="quType" value="CHENRADIO">
    534. 

  534. 								<input type="hidden" class="quId" value="${en.id }">
    535. 

  535. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    536. 

  536. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    537. 

  537. 								<div class="quLogicInputCase">
    538. 

  538. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    539. 

  539. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    540. 

  540. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    541. 

  541. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    542. 

  542. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    543. 

  543. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    544. 

  544. 									</div>
    545. 

  545. 									</c:forEach>
    546. 

  546. 								</div>
    547. 

  547. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    548. 

  548. 							</div>
    549. 

  549. 							<div class="surveyQuItem">
    550. 

  550. 								<div class="surveyQuItemContent">
    551. 

  551. 									<div class="quCoTitle">
    552. 

  552. 										<legend>
    553. 

  553. 											<span class="quTitleNum">${i.count }、</span>
    554. 

  554. 											<span class="quTitleText">${en.quTitle}</span>
    555. 

  555. 										</legend>
    556. 

  556. 									</div>
    557. 

  557. 									
    558. 

  558. 									<div class="quCoItem">
    559. 

  559. 									<c:forEach items="${en.rows }" var="rowItem">
    560. 

  560. 										<fieldset data-role="controlgroup" class="dwQuCoChenRowTr">
    561. 

  561. 											<legend>${rowItem.optionName }</legend>
    562. 

  562. 											<input type="hidden" class="answerTag" value="0" >
    563. 

  563. 											<c:forEach items="${en.columns }" var="columnItem">
    564. 

  564. 												<div class="dwQuOptionItemContent">
    565. 

  565. 												<label for="item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}">${columnItem.optionName }</label>
    566. 

  566. 												<input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
    567. 

  567. 												<input id="item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}" name="item_qu_${en.quType }_${en.id }_${rowItem.id }" value="${columnItem.id }" type="radio">
    568. 

  568. 												</div>
    569. 

  569. 											</c:forEach>
    570. 

  570. 										</fieldset>
    571. 

  571. 									</c:forEach>
    572. 

  572. 										
    573. 

  573. 									</div>
    574. 

  574. 									
    575. 

  575. 									<div style="clear: both;"></div>
    576. 

  576. 								</div>
    577. 

  577. 							</div>
    578. 

  578. 					</div>
    579. 

  579. 					</li>
    580. 

  580. 					</c:when>
    581. 

  581. 					
    582. 

  582. 					
    583. 

  583. 					
    584. 

  584. 					<%--矩阵多选题 --%>
    585. 

  585. 					<c:when test="${en.quType eq 'CHENCHECKBOX' }">
    586. 

  586. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    587. 

  587. 						<div class="surveyQuItemBody">
    588. 

  588. 							<div class="initLine"></div>
    589. 

  589. 							<div class="quInputCase" style="display: none;">
    590. 

  590. 								<input type="hidden" class="quType" value="CHENCHECKBOX">
    591. 

  591. 								<input type="hidden" class="quId" value="${en.id }">
    592. 

  592. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    593. 

  593. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    594. 

  594. 								<div class="quLogicInputCase">
    595. 

  595. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    596. 

  596. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    597. 

  597. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    598. 

  598. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    599. 

  599. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    600. 

  600. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    601. 

  601. 									</div>
    602. 

  602. 									</c:forEach>
    603. 

  603. 								</div>
    604. 

  604. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    605. 

  605. 							</div>
    606. 

  606. 							<div class="surveyQuItem">
    607. 

  607. 								
    608. 

  608. 								<div class="surveyQuItemContent">
    609. 

  609. 									<div class="quCoTitle">
    610. 

  610. 										<legend>
    611. 

  611. 											<span class="quTitleNum">${i.count }、</span>
    612. 

  612. 											<span class="quTitleText">${en.quTitle}</span>
    613. 

  613. 										</legend>
    614. 

  614. 									</div>
    615. 

  615. 									
    616. 

  616. 									<div class="quCoItem">
    617. 

  617. 										
    618. 

  618. 										<c:forEach items="${en.rows }" var="rowItem">
    619. 

  619. 										<input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }"  value="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
    620. 

  620. 										<input type="hidden" class="answerTag" value="0" >
    621. 

  621. 										<fieldset data-role="controlgroup" class="dwQuCoChenRowTr">
    622. 

  622. 											<legend>${rowItem.optionName }</legend>
    623. 

  623. 											<c:forEach items="${en.columns }" var="columnItem">
    624. 

  624. 											<div class="dwQuOptionItemContent">
    625. 

  625. 												<label for="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}">${columnItem.optionName }</label>
    626. 

  626. 												<input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
    627. 

  627. 												<input id="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}"  name="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}" value="${columnItem.id }" type="checkbox">
    628. 

  628. 											</div> 
    629. 

  629. 											</c:forEach>
    630. 

  630. 										</fieldset>
    631. 

  631. 									</c:forEach>
    632. 

  632. 										
    633. 

  633. 									</div>
    634. 

  634. 									<div style="clear: both;"></div>
    635. 

  635. 								</div>
    636. 

  636. 							</div>
    637. 

  637. 					</div>
    638. 

  638. 					</li>
    639. 

  639. 					</c:when>
    640. 

  640. 					
    641. 

  641. 					<%-- 矩阵填空题 --%>
    642. 

  642. 					<c:when test="${en.quType eq 'CHENFBK' }">
    643. 

  643. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    644. 

  644. 						<div class="surveyQuItemBody">
    645. 

  645. 							<div class="initLine"></div>
    646. 

  646. 							<div class="quInputCase" style="display: none;">
    647. 

  647. 								<input type="hidden" class="quType" value="CHENFBK">
    648. 

  648. 								<input type="hidden" class="quId" value="${en.id }">
    649. 

  649. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    650. 

  650. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    651. 

  651. 								<div class="quLogicInputCase">
    652. 

  652. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    653. 

  653. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    654. 

  654. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    655. 

  655. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    656. 

  656. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    657. 

  657. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    658. 

  658. 									</div>
    659. 

  659. 									</c:forEach>
    660. 

  660. 								</div>
    661. 

  661. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    662. 

  662. 							</div>
    663. 

  663. 							<div class="surveyQuItem">
    664. 

  664. 								
    665. 

  665. 								<div class="surveyQuItemContent">
    666. 

  666. 									<div class="quCoTitle">
    667. 

  667. 										<legend>
    668. 

  668. 											<span class="quTitleNum">${i.count }、</span>
    669. 

  669. 											<span class="quTitleText">${en.quTitle}</span>
    670. 

  670. 										</legend>
    671. 

  671. 									</div>
    672. 

  672. 									
    673. 

  673. 									<div class="quCoItem">
    674. 

  674. 										
    675. 

  675. 										<c:forEach items="${en.rows }" var="rowItem">
    676. 

  676. 										<input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }"  value="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
    677. 

  677. 										<fieldset data-role="controlgroup" >
    678. 

  678. 											<legend>${rowItem.optionName }</legend>
    679. 

  679. 											<c:forEach items="${en.columns }" var="columnItem">
    680. 

  680. 											<div class="dwQuChenFbkOptionItemContent">
    681. 

  681. 											 	<label for="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id }" class="ui-hidden-accessible">姓名</label>
    682. 

  682. 												<input placeholder="${columnItem.optionName }" id="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id }" name="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id }" type="text" class="dwChenMFillblankInput">
    683. 

  683. 												<input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
    684. 

  684. 												<input type="hidden" class="answerTag" value="0" >
    685. 

  685. 											</div> 
    686. 

  686. 											</c:forEach>
    687. 

  687. 										</fieldset>
    688. 

  688. 									</c:forEach>
    689. 

  689. 										
    690. 

  690. 									</div>
    691. 

  691. 									<div style="clear: both;"></div>
    692. 

  692. 								</div>
    693. 

  693. 							</div>
    694. 

  694. 					</div>
    695. 

  695. 					</li>
    696. 

  696. 					</c:when>
    697. 

  697. 					
    698. 

  698. 					<%-- 矩阵评分题 --%>
    699. 

  699. 					<c:when test="${en.quType eq 'CHENSCORE' }">
    700. 

  700. 					<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    701. 

  701. 						<div class="surveyQuItemBody">
    702. 

  702. 							<div class="initLine"></div>
    703. 

  703. 							<div class="quInputCase" style="display: none;">
    704. 

  704. 								<input type="hidden" class="quType" value="CHENSCORE">
    705. 

  705. 								<input type="hidden" class="quId" value="${en.id }">
    706. 

  706. 								<input type="hidden" class="orderById" value="${en.orderById }"/>
    707. 

  707. 								<input type="hidden" class="isRequired" value="${en.isRequired }">
    708. 

  708. 								<div class="quLogicInputCase">
    709. 

  709. 									<c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
    710. 

  710. 									<div class="quLogicItem quLogicItem_${logicSts.count }">
    711. 

  711. 										<input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
    712. 

  712. 										<input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
    713. 

  713. 										<input type="hidden" class="logicId" value="${quLogicEn.id }"/>
    714. 

  714. 										<input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
    715. 

  715. 									</div>
    716. 

  716. 									</c:forEach>
    717. 

  717. 								</div>
    718. 

  718. 								<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
    719. 

  719. 							</div>
    720. 

  720. 							<div class="surveyQuItem">
    721. 

  721. 								
    722. 

  722. 								<div class="surveyQuItemContent">
    723. 

  723. 									<div class="quCoTitle">
    724. 

  724. 										<legend>
    725. 

  725. 											<span class="quTitleNum">${i.count }、</span>
    726. 

  726. 											<span class="quTitleText">${en.quTitle}</span>
    727. 

  727. 										</legend>
    728. 

  728. 									</div>
    729. 

  729. 									
    730. 

  730. 									<div class="quCoItem">
    731. 

  731. 										
    732. 

  732. 										<c:forEach items="${en.rows }" var="rowItem">
    733. 

  733. 											<input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }"  value="cs_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
    734. 

  734. 											<c:forEach items="${en.columns }" var="columnItem">
    735. 

  735. 												<div class="scoreRow">
    736. 

  736. 													<fieldset class="starRating" data-role="controlgroup" >
    737. 

  737. 													<legend>${rowItem.optionName }&nbsp;&nbsp;${columnItem.optionName }</legend>
    738. 

  738. 													<i class="fa fa-star-o"></i>
    739. 

  739. 													<i class="fa fa-star-o"></i>
    740. 

  740. 													<i class="fa fa-star-o"></i>
    741. 

  741. 													<i class="fa fa-star-o"></i>
    742. 

  742. 													<i class="fa fa-star-o"></i>
    743. 

  743. 													</fieldset>
    744. 

  744. 													<input name="cs_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}" value="0"  type="hidden" class="scoreNumInput" >
    745. 

  745. 													</div>
    746. 

  746. 													<input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
    747. 

  747. 													<input type="hidden" class="answerTag" value="0" >
    748. 

  748. 											</c:forEach>
    749. 

  749. 									</c:forEach>
    750. 

  750. 										
    751. 

  751. 										<%-- <div class="quCoItemLeftChenTableDiv">
    752. 

  752. 										<table class="quCoChenTable" >
    753. 

  753. 												<tr><td></td>
    754. 

  754. 													<c:forEach items="${en.columns }" var="columnItem">
    755. 

  755. 														<td class="quChenColumnTd"><label class="editAble quCoOptionEdit">${columnItem.optionName }</label></td>
    756. 

  756. 													</c:forEach>
    757. 

  757. 												</tr>
    758. 

  758. 												<c:forEach items="${en.rows }" var="rowItem">
    759. 

  759. 												<tr><td class="quChenRowTd"><label class="editAble quCoOptionEdit">${rowItem.optionName }</label></td>
    760. 

  760. 														<c:forEach items="${en.columns }" var="columnItem">
    761. 

  761. 														<td>评分 </td>
    762. 

  762. 														</c:forEach>
    763. 

  763. 													</tr>
    764. 

  764. 												</c:forEach>
    765. 

  765. 										</table>
    766. 

  766. 										</div> --%>
    767. 

  767. 										
    768. 

  768. 									</div>
    769. 

  769. 									<div style="clear: both;"></div>
    770. 

  770. 								</div>
    771. 

  771. 								
    772. 

  772. 							</div>
    773. 

  773. 					</div>
    774. 

  774. 					</li>
    775. 

  775. 					</c:when>
    776. 

  776. 				</c:choose>
    777. 

  777. 				
    778. 

  778. 				</c:forEach>
    779. 

  779. 				
    780. 

  780. 				
    781. 

  781. 				<li class="li_surveyQuItemBody surveyQu_${pageNo }"  style="${pageNo gt 1 ?'display: none':''}">
    782. 

  782. 					<div class="surveyQuItemBody">
    783. 

  783. 							<div class="surveyQuItem">
    784. 

  784. 								<!-- <div class="pageBorderTop nohover"  ></div> -->
    785. 

  785. 								
    786. 

  786. 								<div id="jcaptchaImgBody" class="r-qu-body" style="display: none;">
    787. 

  787. 									
    788. 

  788. 									<div class="frmItem" style="">
    789. 

  789. 										<label for="" class="frm_label">验证码</label>
    790. 

  790. 										<div class="frm_controls">
    791. 

  791. 											<span class="auth-code" id="verifycodeImgArea">
    792. 

  792. 											<input name="jcaptchaInput" type="text" class="" style="" autocomplete="off">
    793. 

  793. 											<img id="register-jcaptchaImg" onclick="refreshAutoCode('register-jcaptchaImg')" src="${ctx }/jcaptcha.action" alt="验证码" height="40"></span>
    794. 

  794. 											<a href="javascript:refreshAutoCode('register-jcaptchaImg');" style="margin-left: 5px;" hidefocus="true">换一张</a>
    795. 

  795. 											<span class="frm_desc">验证码，区分大小写</span>
    796. 

  796. 											<p class="valid-msg fail" style="display: none;"><i>●</i><span class="msg_content">验证码错误，请重新输入</span></p>
    797. 

  797. 										</div>
    798. 

  798. 									</div>
    799. 

  799. 									<div class="errorItem" style="display: none;"><label for="" class="error">验证码错误，请重新输入！</label></div>
    800. 

  800. 									<%-- 验证码：<input type="text" size="8" name="jcaptchaInput">
    801. 

  801. 									&nbsp;<img id="jcaptchaImg" alt="点击刷新" src="${ctx }/jcaptcha.action"  align="top">
    802. 

  802. 									&nbsp;点击图片刷新 --%>
    803. 

  803. 								</div>
    804. 

  804. 								
    805. 

  805. 								
    806. 

  806. 								
    807. 

  807. 								<input type="hidden" class="quType" value="submitSurveyBtn">
    808. 

  808. 								<div class="surveyQuItemContent" style="margin-bottom: 0px;min-height:20px;">
    809. 

  809. 									<!-- <a href="#" data-theme="b"  data-role="button">提&nbsp;交</a>&nbsp;&nbsp; -->
    810. 

  810. 									<input type="button" class="submitSurvey" id="submitSurvey" value="提&nbsp;交" data-role="button" data-theme="b" />
    811. 

  811. 									 <!-- <a href="#" class="sbtn24 sbtn24_0 submitSurvey">提&nbsp;交</a>&nbsp;&nbsp; -->  
    812. 

  812. 									<c:if test="${pageNo > 1 }">
    813. 

  813. 									<a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
    814. 

  814. 									<input type="hidden" name="prevPageNo" value="${pageNo-1 }">
    815. 

  815. 									</c:if>
    816. 

  816. 									<c:set var="pageNo" value="${pageNo+1 }"></c:set>
    817. 

  817. 									<input type="hidden" name="nextPageNo" value="${pageNo }">
    818. 

  818. 								</div>
    819. 

  819. 							</div>
    820. 

  820. 					</div>
    821. 

  821. 				</li>
    822. 

  822. 				
    823. 

  823. 			</ul>
    824. 

  824. 			</div>
    825. 

  825. 		</div>
    826. 

  826.   </div>
    827. 

  827. 

  828.   <div data-role="footer">
    829. 

  829. 	  <%--请保留以下内容--%>
    830. 

  830.   	<h3>Powered by <a href="http://diaowen.net/index-m.jsp" style="text-decoration: none;" rel="external">DWSurvey</a></h3>
    831. 

  831.   </div>
    832. 

  832. </div>
    833. 

  833. 

  834. </form>
    835. 

  835. 

  836. <div id="fixedMsg" style="position: fixed;top: 0px;width: 100%;padding: 10px;text-align: center;font-size: 18px;letter-spacing: 4px;line-height: 56px;background-color: #111;background-color: rgba(17,17,17,0.5);color: #fff;color: rgba(255,255,255,0.5);z-index: 200;display: none;"></div>
    837. 

  837. 

  838. <script type="text/javascript">
    839. 

  839. $(document).ready(function(){
    840. 

  840. 	//分页设置 nextPage_a prevPage_a
    841. 

  841. 	$(".nextPage_a").click(function(){
    842. 

  842. 		var thParent=$(this).parent();
    843. 

  843. 		var nextPageNo=thParent.find("input[name='nextPageNo']").val();
    844. 

  844. 		$(".li_surveyQuItemBody").hide();
    845. 

  845. 		$(".surveyQu_"+nextPageNo).fadeIn("slow");
    846. 

  846. 		//$(window).scrollTop(10);
    847. 

  847. 		$("html,body").animate({scrollTop:10},500);
    848. 

  848. 		return false;
    849. 

  849. 	});
    850. 

  850. 	$(".prevPage_a").click(function(){
    851. 

  851. 		var thParent=$(this).parent();
    852. 

  852. 		var prevPageNo=thParent.find("input[name='prevPageNo']").val();
    853. 

  853. 		$(".li_surveyQuItemBody").hide();
    854. 

  854. 		$(".surveyQu_"+prevPageNo).fadeIn("slow");
    855. 

  855. 		$(window).scrollTop(10);
    856. 

  856. 		return false;
    857. 

  857. 	});
    858. 

  858. 	
    859. 

  859. 	/**排序题*/
    860. 

  860. 	$(".m_clickQuOrderItem").click(function(){
    861. 

  861. 		var visibleOrderbyNum=$(this).parents().find(".m_orderby_num:visible");
    862. 

  862. 		var thOrderbyNum=$(this).find(".m_orderby_num");
    863. 

  863. 		if($(this).find(".m_orderby_num:visible")[0]){
    864. 

  864. 			
    865. 

  865. 		}else{
    866. 

  866. 			
    867. 

  867. 			var thNum=0;
    868. 

  868. 			$(this).append("<select class='m_orderby_sel' > </select>");
    869. 

  869. 			var mOrderbySel=$(this).find(".m_orderby_sel");
    870. 

  870. 			var quOrderItems=$(this).parents().find(".m_clickQuOrderItem");
    871. 

  871. 			$.each(quOrderItems,function(i,item){
    872. 

  872. 				mOrderbySel.append("<option value='"+(i+1)+"'>移至排序"+(i+1)+"</option>");
    873. 

  873. 				var targetHid=$(this).parents(".ui-controlgroup-controls ").find(".quOrderItemHidInput[value='"+(i+1)+"']");
    874. 

  874. 				if(!targetHid[0] && thNum===0){
    875. 

  875. 					thNum=(i+1);
    876. 

  876. 				}
    877. 

  877. 			});
    878. 

  878. 			
    879. 

  879. 			thOrderbyNum.text(thNum);
    880. 

  880. 			thOrderbyNum.show();
    881. 

  881. 			mOrderbySel.val(thNum)
    882. 

  882. 			$(this).find(".quOrderItemHidInput").val(thNum);
    883. 

  883. 		}
    884. 

  884. 		bindEvent();
    885. 

  885. 		
    886. 

  886. 		runlogic($(this));
    887. 

  887. 		validateCheck($(this).parents(".li_surveyQuItemBody"),false);
    888. 

  888. 		return false;
    889. 

  889. 	});
    890. 

  890. 	function bindEvent(){
    891. 

  891. 		$(".m_orderby_sel").unbind();
    892. 

  892. 		$(".m_orderby_sel").change(function(){
    893. 

  893. 			//交换个排
    894. 

  894. 			var thOrderbyItem=$(this).parents(".m_clickQuOrderItem");
    895. 

  895. 			var thOrderByNum=thOrderbyItem.find(".quOrderItemHidInput").val();
    896. 

  896. 			var thChangeNum=$(this).val();
    897. 

  897. 			var targetHid=$(this).parents(".ui-controlgroup-controls ").find(".quOrderItemHidInput[value='"+thChangeNum+"']");
    898. 

  898. 			if(targetHid[0]){
    899. 

  899. 				var targetOrderbyItem=targetHid.parents(".m_clickQuOrderItem");
    900. 

  900. 				targetOrderbyItem.find(".m_orderby_num").text(thOrderByNum);
    901. 

  901. 				targetOrderbyItem.find(".quOrderItemHidInput").val(thOrderByNum);
    902. 

  902. 				targetOrderbyItem.find(".m_orderby_sel").val(thOrderByNum);
    903. 

  903. 			}
    904. 

  904. 			
    905. 

  905. 			thOrderbyItem.find(".m_orderby_num").text(thChangeNum);
    906. 

  906. 			thOrderbyItem.find(".quOrderItemHidInput").val(thChangeNum);
    907. 

  907. 			thOrderbyItem.find(".m_orderby_sel").val(thChangeNum);
    908. 

  908. 			
    909. 

  909. 		});
    910. 

  910. 	}
    911. 

  911. 	
    912. 

  912. 	
    913. 

  913. 	/**评分题*/
    914. 

  914. 	$(".starRating  .fa").hover(function(){
    915. 

  915. 		var prevAll=$(this).prevAll();
    916. 

  916. 		prevAll.removeClass("fa-star-o");
    917. 

  917. 		prevAll.addClass("fa-star");
    918. 

  918. 		$(this).removeClass("fa-star-o");
    919. 

  919. 		$(this).addClass("fa-star");
    920. 

  920. 	},function(){
    921. 

  921. 		var scoreRow=$(this).parents(".scoreRow");
    922. 

  922. 		var starNum=scoreRow.find(".scoreNumInput").val();
    923. 

  923. 		if(starNum==""&&starNum<=0){
    924. 

  924. 			var thParent=$(this).parent();
    925. 

  925. 			var fas=thParent.find(".fa");
    926. 

  926. 			fas.removeClass("fa-star");
    927. 

  927. 			fas.addClass("fa-star-o");	
    928. 

  928. 		}
    929. 

  929. 	}); 
    930. 

  930. 	
    931. 

  931. 	$(".starRating  .fa").click(function(){
    932. 

  932. 		var thParent=$(this).parent();
    933. 

  933. 		var fas=thParent.find(".fa");
    934. 

  934. 		fas.removeClass("fa-star");
    935. 

  935. 		fas.addClass("fa-star-o");	
    936. 

  936. 		
    937. 

  937. 		var prevAll=$(this).prevAll();
    938. 

  938. 		prevAll.removeClass("fa-star-o");
    939. 

  939. 		prevAll.addClass("fa-star");
    940. 

  940. 		$(this).removeClass("fa-star-o");
    941. 

  941. 		$(this).addClass("fa-star");
    942. 

  942. 		
    943. 

  943. 		var scoreRow=$(this).parents(".scoreRow");
    944. 

  944. 		var starNum=0;
    945. 

  945. 		if(prevAll[0]){
    946. 

  946. 			starNum=prevAll.size();
    947. 

  947. 		}
    948. 

  948. 		scoreRow.find(".scoreNumInput").val(starNum+1);
    949. 

  949. 		
    950. 

  950. 		runlogic($(this));
    951. 

  951. 		 
    952. 

  952. 		validateCheck($(this).parents(".li_surveyQuItemBody"),false);
    953. 

  953. 		return false;
    954. 

  954. 	});
    955. 

  955. 	
    956. 

  956. 	
    957. 

  957. 	
    958. 

  958. 	//表单验证
    959. 

  959. 	/**初始化表单骓证配置**/
    960. 

  960. 	function validateForms(){
    961. 

  961. 		var result=true;
    962. 

  962. 		var surveyQuItemBodys=$(".li_surveyQuItemBody");
    963. 

  963. 		var firstError=null;
    964. 

  964. 		$.each(surveyQuItemBodys,function(){
    965. 

  965. 			var quItemBody=$(this);
    966. 

  966. 			if(!validateCheck(quItemBody,true)){
    967. 

  967. 				//定位到这题 
    968. 

  968. 				if(firstError==null){
    969. 

  969. 					firstError=quItemBody;
    970. 

  970. 				}
    971. 

  971. 				result=false;
    972. 

  972. 			}
    973. 

  973. 			// || quType==="CHENRADIO" || quType==="CHENCHECKBOX" || quType==="CHENSCORE" || quType==="CHENFBK"
    974. 

  974. 		});
    975. 

  975. 		if(firstError!=null){
    976. 

  976. 			$(window).scrollTop(firstError.offset().top);
    977. 

  977. 		}
    978. 

  978. 

  979. 		if($("#jcaptchaImgBody").is(":visible")){
    980. 

  980. 			var jcaptchaInput = $("input[name='jcaptchaInput']").val();
    981. 

  981. 			if(jcaptchaInput===""){
    982. 

  982. 				$("#jcaptchaImgBody .errorItem").show();
    983. 

  983. 				result = false;
    984. 

  984. 			}else{
    985. 

  985. 				$("#jcaptchaImgBody .errorItem").hide();
    986. 

  986. 			}
    987. 

  987. 		}
    988. 

  988. 

  989. 		return result;
    990. 

  990. 	}
    991. 

  991. 	
    992. 

  992. 	
    993. 

  993. 	function validateCheck(quItemBody,isSubForm){
    994. 

  994. 		if(quItemBody.is(":visible")){
    995. 

  995. 

  996. 			var quId=quItemBody.find(".quId").val();
    997. 

  997. 			var quType=quItemBody.find(".quType").val();
    998. 

  998. 			var isRequired=quItemBody.find(".isRequired").val();
    999. 

  999. 			
    1000. 

  1000. 			var validateStatus=false;
    1001. 

  1001. 

  1002. 			if(isRequired==="0"){
    1003. 

  1003. 				validateStatus = true;
    1004. 

  1004. 				return true;
    1005. 

  1005. 			}
    1006. 

  1006. 

  1007. 			if(quType==="RADIO"){
    1008. 

  1008. 				validateStatus=quItemBody.find("input[type='radio']:checked")[0];
    1009. 

  1009. 			}else if(quType==="CHECKBOX"){
    1010. 

  1010. 				validateStatus=quItemBody.find("input[type='checkbox']:checked")[0];
    1011. 

  1011. 			}else if(quType==="FILLBLANK"){
    1012. 

  1012. 				validateStatus=quItemBody.find(".fillblankInput").val()!="";
    1013. 

  1013. 			}else if(quType==="ORDERQU"){
    1014. 

  1014. 				//quItemBody.find(".quOrderByLeftUl label");
    1015. 

  1015. 				validateStatus=!quItemBody.find(".quOrderItemHidInput[value=0]")[0];
    1016. 

  1016. 			}else if(quType==="SCORE"){
    1017. 

  1017. 				
    1018. 

  1018. 				validateStatus=true;
    1019. 

  1019. 				var quScoreOptionTrs=quItemBody.find(".quScoreOptionTr");
    1020. 

  1020. 				$.each(quScoreOptionTrs,function(){
    1021. 

  1021. 					var scoreNumInput=$(this).find(".scoreNumInput");
    1022. 

  1022. 					if(scoreNumInput.val()===""){
    1023. 

  1023. 						validateStatus=false;
    1024. 

  1024. 						return false;
    1025. 

  1025. 					}
    1026. 

  1026. 				});
    1027. 

  1027. 				
    1028. 

  1028. 			}else if(quType==="MULTIFILLBLANK"){
    1029. 

  1029. 				
    1030. 

  1030. 				validateStatus=true;
    1031. 

  1031. 				var quScoreOptionTrs=quItemBody.find(".mFillblankTableTr");
    1032. 

  1032. 				$.each(quScoreOptionTrs,function(){
    1033. 

  1033. 					var scoreNumInput=$(this).find(".dwMFillblankInput");
    1034. 

  1034. 					if(scoreNumInput.val()===""){
    1035. 

  1035. 						validateStatus=false;
    1036. 

  1036. 						return false;
    1037. 

  1037. 					}
    1038. 

  1038. 				});
    1039. 

  1039. 				
    1040. 

  1040. 			}else if(quType==="CHENRADIO"){
    1041. 

  1041. 				validateStatus=true;
    1042. 

  1042. 				var quScoreOptionTrs=quItemBody.find(".dwQuCoChenRowTr");
    1043. 

  1043. 				$.each(quScoreOptionTrs,function(){
    1044. 

  1044. 					var tempInputs=$(this).find("input[type='radio']:checked");
    1045. 

  1045. 					if(!tempInputs[0]){
    1046. 

  1046. 						validateStatus=false;
    1047. 

  1047. 						return false;
    1048. 

  1048. 					}
    1049. 

  1049. 				});
    1050. 

  1050. 			}else if(quType==="CHENCHECKBOX"){
    1051. 

  1051. 				validateStatus=true;
    1052. 

  1052. 				var quScoreOptionTrs=quItemBody.find(".dwQuCoChenRowTr");
    1053. 

  1053. 				$.each(quScoreOptionTrs,function(){
    1054. 

  1054. 					var tempInputs=$(this).find("input[type='checkbox']:checked");
    1055. 

  1055. 					if(!tempInputs[0]){
    1056. 

  1056. 						validateStatus=false;
    1057. 

  1057. 						return false;
    1058. 

  1058. 					}
    1059. 

  1059. 				});
    1060. 

  1060. 			}else if(quType==="CHENSCORE"){
    1061. 

  1061. 				/* var quChenScores=quItemBody.find(".quChenScoreSelect");
    1062. 

  1062. 				validateStatus=true;
    1063. 

  1063. 				$.each(quChenScores,function(){
    1064. 

  1064. 					var tempInputs=$(this);
    1065. 

  1065. 					if(tempInputs.val()==="0"){
    1066. 

  1066. 						validateStatus=false;
    1067. 

  1067. 						return false;
    1068. 

  1068. 					}
    1069. 

  1069. 				}); */
    1070. 

  1070. 				validateStatus=!(quItemBody.find(".scoreNumInput[value=0]")[0]);
    1071. 

  1071. 			}else if(quType==="CHENFBK"){
    1072. 

  1072. 				var dwCMFBKs=quItemBody.find(".dwChenMFillblankInput");
    1073. 

  1073. 				validateStatus=true;
    1074. 

  1074. 				$.each(dwCMFBKs,function(){
    1075. 

  1075. 					var tempInputs=$(this);
    1076. 

  1076. 					if(tempInputs.val()===""){
    1077. 

  1077. 						validateStatus=false;
    1078. 

  1078. 						return false;
    1079. 

  1079. 					}
    1080. 

  1080. 				});
    1081. 

  1081. 			}else if(quType==="submitSurveyBtn" || quType==="PARAGRAPH" || quType==="PAGETAG"){
    1082. 

  1082. 				return true;
    1083. 

  1083. 			}
    1084. 

  1084. 			
    1085. 

  1085. 		}else{
    1086. 

  1086. 			validateStatus=true;
    1087. 

  1087. 		}
    1088. 

  1088. 		
    1089. 

  1089. 		if(validateStatus){
    1090. 

  1090. 			quItemBody.find(".errorItem").remove();
    1091. 

  1091. 		}else{
    1092. 

  1092. 			if(isSubForm && !quItemBody.find(".errorItem")[0]){
    1093. 

  1093. 				var errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请检查题目答案，为必答项！</label></div>";
    1094. 

  1094. 				quItemBody.find(".surveyQuItemContent").append(errorHtml);
    1095. 

  1095. 			}
    1096. 

  1096. 		}
    1097. 

  1097. 		return validateStatus;
    1098. 

  1098. 	}
    1099. 

  1099. 	
    1100. 

  1100. 	$(".submitSurvey").click(function(){
    1101. 

  1101. 		if(validateForms()){
    1102. 

  1102. 			$("#surveyForm").submit();
    1103. 

  1103. 		}
    1104. 

  1104. 		return false;
    1105. 

  1105. 	});
    1106. 

  1106. 	
    1107. 

  1107. 	//绑定操作事件
    1108. 

  1108. 	$("#dwSurveyQuContent input[type='radio'],#dwSurveyQuContent input[type='checkbox']").change(function(){
    1109. 

  1109. 		runlogic($(this));
    1110. 

  1110. 		validateCheck($(this).parents(".li_surveyQuItemBody"),false);
    1111. 

  1111. 	});
    1112. 

  1112. 	
    1113. 

  1113. 	//填空题
    1114. 

  1114. 	$(".fillblankInput,.dwMFillblankInput,.dwChenMFillblankInput").blur(function(){
    1115. 

  1115. 		 //$(this).css("borderColor","#D6D6FF");
    1116. 

  1116. 		 runlogic($(this));
    1117. 

  1117. 		 validateCheck($(this).parents(".li_surveyQuItemBody"),false);
    1118. 

  1118. 	});
    1119. 

  1119. 	
    1120. 

  1120. 	
    1121. 

  1121. 	function resetQuNum(){
    1122. 

  1122. 		var quTitleNums=$(".quTitleNum");
    1123. 

  1123. 		$.each(quTitleNums,function(i,item){
    1124. 

  1124. 			$(this).text((i+1)+"、")
    1125. 

  1125. 		});
    1126. 

  1126. 	}
    1127. 

  1127. 	
    1128. 

  1128. 	resetQuNum();
    1129. 

  1129. 	
    1130. 

  1130. 	//处理标题因有p标签影响题目序号换行的问题
    1131. 

  1131. 	var quTitleNums=$(".quTitleNum");
    1132. 

  1132. 	$.each(quTitleNums,function(){
    1133. 

  1133. 		var nextObj=$(this).next();
    1134. 

  1134. 		if(nextObj[0]){
    1135. 

  1135. 			var childrens=nextObj.children();
    1136. 

  1136. 			if(childrens[0]){
    1137. 

  1137. 				var firstChildren=childrens.first();
    1138. 

  1138. 				if(firstChildren.is("p")){
    1139. 

  1139. 					$(this).prependTo(firstChildren);
    1140. 

  1140. 				}
    1141. 

  1141. 			}
    1142. 

  1142. 		}
    1143. 

  1143. 	});
    1144. 

  1144. 	
    1145. 

  1145. 	
    1146. 

  1146. });
    1147. 

  1147. 

  1148. 

  1149. 

  1150. 

  1151. /******************************处理题目逻辑设置 **************************************/
    1152. 

  1152. //处理题目逻辑设置 
    1153. 

  1153. 

  1154. 

  1155. /** 答题触发事件 **/
    1156. 

  1156. 

  1157. //初始化 处理默认逻辑跳转为显示，则先隐藏元素
    1158. 

  1158. var quLogics=$("#dwSurveyQuContent .quLogicItem");
    1159. 

  1159. $.each(quLogics,function(){
    1160. 

  1160. 	var loginItem=$(this);
    1161. 

  1161. 	var cgQuItemId=loginItem.find(".cgQuItemId").val();
    1162. 

  1162. 	var skQuId=loginItem.find(".skQuId").val();
    1163. 

  1163. 	var logicId=loginItem.find(".logicId").val();
    1164. 

  1164. 	var logicType=loginItem.find(".logicType").val();
    1165. 

  1165. 	
    1166. 

  1166. 	if(logicType==="2"){
    1167. 

  1167. 		//逻辑类型为“显示”2  则初始化为隐藏
    1168. 

  1168. 		var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
    1169. 

  1169. 		hidQuItemBody.hide();
    1170. 

  1170. 		hidQuItemBody.addClass("hidFor"+logicId);
    1171. 

  1171. 		hidQuItemBody.find(".answerTag").attr("disabled",true);
    1172. 

  1172. 	}
    1173. 

  1173. });
    1174. 

  1174. 

  1175. function runlogic(thFormElementObj){
    1176. 

  1176. 	//thFormElementObj 当前关联的form表单元素
    1177. 

  1177. 	var quItemBody=thFormElementObj.parents(".li_surveyQuItemBody");
    1178. 

  1178. 	
    1179. 

  1179. 	var quLogicItems=quItemBody.find(".quLogicItem");
    1180. 

  1180. 	
    1181. 

  1181. 	if(quLogicItems[0]){
    1182. 

  1182. 		
    1183. 

  1183. 		var quInputCase=quItemBody.find(".quInputCase");
    1184. 

  1184. 		var quId=quInputCase.find(".quId").val();
    1185. 

  1185. 		var quType=quInputCase.find(".quType").val();
    1186. 

  1186. 		
    1187. 

  1187. 		//$("input[name='qu_"+quType+"_"+quId+"']").change(function(){});
    1188. 

  1188. 		
    1189. 

  1189. 		if(quType==="RADIO" || quType==="CHECKBOX" || quType==="SCORE" || quType==="MULTIFILLBLANK" || quType==="CHENRADIO" || quType==="CHENCHECKBOX" || quType==="CHENSCORE" || quType==="CHENFBK" ){
    1190. 

  1190. 			
    1191. 

  1191. 			
    1192. 

  1192. 			//判断是否选中
    1193. 

  1193. 			var quLgoicItem=null;
    1194. 

  1194. 			//var thVal=thFormElementObj.val();
    1195. 

  1195. 			
    1196. 

  1196. 			//遍历每个逻辑设置
    1197. 

  1197. 			var quOptionItems=null;
    1198. 

  1198. 			if(quType==="RADIO" || quType==="CHECKBOX"){
    1199. 

  1199. 				quOptionItems=quItemBody.find(".dwQuOptionItemContent");
    1200. 

  1200. 				//thVal=thFormElementObj.val();
    1201. 

  1201. 			}else if(quType==="SCORE"){
    1202. 

  1202. 				quOptionItems=quItemBody.find(".quScoreOptionTr");
    1203. 

  1203. 				//thVal=thFormElementObj.text();
    1204. 

  1204. 			}else if(quType==="MULTIFILLBLANK"){
    1205. 

  1205. 				quOptionItems=quItemBody.find(".mFillblankTableTr");
    1206. 

  1206. 			}else if(quType==="CHENRADIO" || quType==="CHENCHECKBOX"){
    1207. 

  1207. 				quOptionItems=quItemBody.find(".dwQuOptionItemContent");
    1208. 

  1208. 			}else if(quType==="CHENFBK" ){
    1209. 

  1209. 				quOptionItems=quItemBody.find(".dwQuChenFbkOptionItemContent");
    1210. 

  1210. 			}
    1211. 

  1211. 			
    1212. 

  1212. 			$.each(quLogicItems,function(){
    1213. 

  1213. 				var loginItem=$(this);
    1214. 

  1214. 				var cgQuItemId=loginItem.find(".cgQuItemId").val();
    1215. 

  1215. 				var skQuId=loginItem.find(".skQuId").val();
    1216. 

  1216. 				var logicId=loginItem.find(".logicId").val();
    1217. 

  1217. 				var logicType=loginItem.find(".logicType").val();
    1218. 

  1218. 				
    1219. 

  1219. 				var geLe=null;
    1220. 

  1220. 				var scoreNum=null;
    1221. 

  1221. 				if(quType==="SCORE"){
    1222. 

  1222. 					geLe=loginItem.find(".geLe").val();
    1223. 

  1223. 					scoreNum=loginItem.find(".scoreNum").val();
    1224. 

  1224. 				}
    1225. 

  1225. 

  1226. 				//过滤优先级
    1227. 

  1227. 				var isbreak=false;
    1228. 

  1228. 				$.each(quOptionItems,function(){
    1229. 

  1229. 					var quCoItem=$(this);
    1230. 

  1230. 					
    1231. 

  1231. 					var quInput=null;
    1232. 

  1232. 					var logicStatus=false;
    1233. 

  1233. 					var curQuItemId=null;
    1234. 

  1234. 					if(quType==="RADIO"){
    1235. 

  1235. 						quInput=quCoItem.find("input[type='radio']");
    1236. 

  1236. 						logicStatus=quInput.prop("checked");
    1237. 

  1237. 						curQuItemId=quInput.val();
    1238. 

  1238. 					}else if(quType==="CHECKBOX"){
    1239. 

  1239. 						quInput=quCoItem.find("input[type='checkbox']");
    1240. 

  1240. 						logicStatus=quInput.prop("checked");
    1241. 

  1241. 						curQuItemId=quInput.val();
    1242. 

  1242. 					}else if(quType==="SCORE"){
    1243. 

  1243. 						quInput=quCoItem.find(".dwScoreOptionId");
    1244. 

  1244. 						var curScore=quCoItem.find(".scoreNumInput").val();
    1245. 

  1245. 						if(curScore!=""){
    1246. 

  1246. 							logicStatus = (geLe==="le" && curScore<=scoreNum) || (geLe==="ge" && curScore>=scoreNum);
    1247. 

  1247. 						}
    1248. 

  1248. 						curQuItemId=quInput.val();
    1249. 

  1249. 					}else if(quType==="MULTIFILLBLANK"){
    1250. 

  1250. 						quInput=quCoItem.find(".dwMFillblankOptionId");
    1251. 

  1251. 						logicStatus=quCoItem.find(".dwMFillblankInput").val()!="";
    1252. 

  1252. 						curQuItemId=quInput.val();
    1253. 

  1253. 					}else if(quType==="CHENRADIO"){
    1254. 

  1254. 						quInput=quCoItem.find("input[type='radio']");
    1255. 

  1255. 						logicStatus=quInput.prop("checked");
    1256. 

  1256. 						curQuItemId=quCoItem.find(".dwChenInputTemp").val();
    1257. 

  1257. 					}else if(quType==="CHENCHECKBOX"){
    1258. 

  1258. 						quInput=quCoItem.find("input[type='checkbox']");
    1259. 

  1259. 						logicStatus=quInput.prop("checked");
    1260. 

  1260. 						curQuItemId=quCoItem.find(".dwChenInputTemp").val();
    1261. 

  1261. 					}else if(quType==="CHENFBK"){
    1262. 

  1262. 						quInput=quCoItem.find(".dwChenMFillblankInput");
    1263. 

  1263. 						logicStatus=quInput.val()!="";
    1264. 

  1264. 						curQuItemId=quCoItem.find(".dwChenInputTemp").val();
    1265. 

  1265. 					}
    1266. 

  1266. 					
    1267. 

  1267. 					if(curQuItemId===cgQuItemId){
    1268. 

  1268. 						
    1269. 

  1269. 						if(logicType==="1"){
    1270. 

  1270. 							//跳转
    1271. 

  1271. 							if(logicStatus){
    1272. 

  1272. 								//逻辑选项被选中状态，激活状态
    1273. 

  1273. 								skQuestion(quItemBody.next(),skQuId,logicId,function(){
    1274. 

  1274. 									//重新编题号
    1275. 

  1275. 									
    1276. 

  1276. 								});
    1277. 

  1277. 								if(skQuId==="1" || skQuId==="2" ){
    1278. 

  1278. 									isbreak=true;
    1279. 

  1279. 								}
    1280. 

  1280. 							}else{
    1281. 

  1281. 								/*
    1282. 

  1282. 								//逻辑选项未被选中状态，未激活
    1283. 

  1283. 								//$(".hidFor"+loginId).slideDown("slow");
    1284. 

  1284. 								$(".hidFor"+loginId).show();
    1285. 

  1285. 								//$(".hidFor"+loginId).fadeIn();
    1286. 

  1286. 								$(".hidFor"+loginId).removeClass("hidFor"+loginId);
    1287. 

  1287. 								//回答标记与逻辑设置没有关系
    1288. 

  1288. 								$(".hidFor"+loginId).find(".answerTag").attr("disabled",false);
    1289. 

  1289. 								*/
    1290. 

  1290. 								var hidQuItemBodys=$(".hidFor"+logicId);
    1291. 

  1291. 								$(".hidFor"+logicId).removeClass("hidFor"+logicId);
    1292. 

  1292. 								$.each(hidQuItemBodys,function(){
    1293. 

  1293. 									var thQuItemBodyClass=$(this).attr("class");
    1294. 

  1294. 									if(thQuItemBodyClass.indexOf("hidFor")<0){
    1295. 

  1295. 										$(this).show();
    1296. 

  1296. 										//$(".hidFor"+loginId).fadeIn();
    1297. 

  1297. 										//回答标记与逻辑设置没有关系
    1298. 

  1298. 										$(this).find(".answerTag").attr("disabled",false);
    1299. 

  1299. 									}
    1300. 

  1300. 								});
    1301. 

  1301. 							}	
    1302. 

  1302. 						}else{
    1303. 

  1303. 							//逻辑类型为“显示” quType=2
    1304. 

  1304. 							if(logicStatus){
    1305. 

  1305. 								//逻辑选项被选中状态，激活状态  显示题
    1306. 

  1306. 								
    1307. 

  1307. 								var hidQuItemBodys=$(".hidFor"+logicId);
    1308. 

  1308. 								$(".hidFor"+logicId).removeClass("hidFor"+logicId);
    1309. 

  1309. 								$.each(hidQuItemBodys,function(){
    1310. 

  1310. 									var thQuItemBodyClass=$(this).attr("class");
    1311. 

  1311. 									if(thQuItemBodyClass.indexOf("hidFor")<0){
    1312. 

  1312. 										$(this).show();
    1313. 

  1313. 										$(this).find(".answerTag").attr("disabled",false);
    1314. 

  1314. 									}
    1315. 

  1315. 								});
    1316. 

  1316. 								
    1317. 

  1317. 							}else{
    1318. 

  1318. 								/*  隐藏题
    1319. 

  1319. 								*/
    1320. 

  1320. 								var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
    1321. 

  1321. 								hidQuItemBody.hide();
    1322. 

  1322. 								hidQuItemBody.addClass("hidFor"+logicId);
    1323. 

  1323. 								hidQuItemBody.find(".answerTag").attr("disabled",true);									
    1324. 

  1324. 								
    1325. 

  1325. 							}	
    1326. 

  1326. 						}
    1327. 

  1327. 						
    1328. 

  1328. 						return false;
    1329. 

  1329. 					}
    1330. 

  1330. 				});
    1331. 

  1331. 				
    1332. 

  1332. 				if(isbreak){
    1333. 

  1333. 					return false;
    1334. 

  1334. 				}
    1335. 

  1335. 				
    1336. 

  1336. 			});
    1337. 

  1337. 			
    1338. 

  1338. 		}else if(quType==="FILLBLANK"){
    1339. 

  1339. 			
    1340. 

  1340. 

  1341. 			//遍历每个逻辑设置
    1342. 

  1342. 			var quOptionItems=quItemBody.find(".dwQuOptionItemContent");
    1343. 

  1343. 			var thVal=thFormElementObj.val();
    1344. 

  1344. 			
    1345. 

  1345. 			$.each(quLogicItems,function(){
    1346. 

  1346. 				var loginItem=$(this);
    1347. 

  1347. 				var cgQuItemId=loginItem.find(".cgQuItemId").val();
    1348. 

  1348. 				var skQuId=loginItem.find(".skQuId").val();
    1349. 

  1349. 				var logicId=loginItem.find(".logicId").val();
    1350. 

  1350. 				var logicType=loginItem.find(".logicType").val();
    1351. 

  1351. 				if(logicType==="1"){
    1352. 

  1352. 					//跳转
    1353. 

  1353. 					if(thVal!=""){
    1354. 

  1354. 						//逻辑选项被选中状态，激活状态
    1355. 

  1355. 						skQuestion(quItemBody.next(),skQuId,logicId,function(){
    1356. 

  1356. 							//重新编题号
    1357. 

  1357. 							
    1358. 

  1358. 						});
    1359. 

  1359. 						if(skQuId==="1" || skQuId==="2" ){
    1360. 

  1360. 							isbreak=true;
    1361. 

  1361. 						}
    1362. 

  1362. 					}else{
    1363. 

  1363. 						//逻辑选项未被选中状态，未激活
    1364. 

  1364. 						//$(".hidFor"+loginId).slideDown("slow");
    1365. 

  1365. 						
    1366. 

  1366. 						var hidQuItemBodys=$(".hidFor"+logicId);
    1367. 

  1367. 						$(".hidFor"+logicId).removeClass("hidFor"+logicId);
    1368. 

  1368. 						
    1369. 

  1369. 						$.each(hidQuItemBodys,function(){
    1370. 

  1370. 							var thQuItemBodyClass=$(this).attr("class");
    1371. 

  1371. 							if(thQuItemBodyClass.indexOf("hidFor")<0){
    1372. 

  1372. 								$(this).show();
    1373. 

  1373. 								//$(".hidFor"+loginId).fadeIn();
    1374. 

  1374. 								//回答标记与逻辑设置没有关系
    1375. 

  1375. 								$(this).find(".answerTag").attr("disabled",false);
    1376. 

  1376. 							}
    1377. 

  1377. 						});
    1378. 

  1378. 					}
    1379. 

  1379. 				}else{
    1380. 

  1380. 					//显示
    1381. 

  1381. 					//逻辑类型为“显示” quType=1
    1382. 

  1382. 					if(thVal!=""){
    1383. 

  1383. 						//逻辑选项被选中状态，激活状态  显示题
    1384. 

  1384. 						var hidQuItemBodys=$(".hidFor"+logicId);
    1385. 

  1385. 						$(".hidFor"+logicId).removeClass("hidFor"+logicId);
    1386. 

  1386. 						$.each(hidQuItemBodys,function(){
    1387. 

  1387. 							var thQuItemBodyClass=$(this).attr("class");
    1388. 

  1388. 							if(thQuItemBodyClass.indexOf("hidFor")<0){
    1389. 

  1389. 								$(this).show();
    1390. 

  1390. 								$(this).find(".answerTag").attr("disabled",false);
    1391. 

  1391. 							}
    1392. 

  1392. 						});
    1393. 

  1393. 						
    1394. 

  1394. 					}else{
    1395. 

  1395. 						/*  隐藏题
    1396. 

  1396. 						*/
    1397. 

  1397. 						var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
    1398. 

  1398. 						hidQuItemBody.hide();
    1399. 

  1399. 						hidQuItemBody.addClass("hidFor"+logicId);
    1400. 

  1400. 						hidQuItemBody.find(".answerTag").attr("disabled",true);									
    1401. 

  1401. 					}
    1402. 

  1402. 				}
    1403. 

  1403. 				
    1404. 

  1404. 			});
    1405. 

  1405. 			
    1406. 

  1406. 		}
    1407. 

  1407. 	}
    1408. 

  1408. 	
    1409. 

  1409. 	
    1410. 

  1410. }
    1411. 

  1411. 

  1412. 

  1413. 

  1414. function skQuestion(nextQuItemBody,skQuId,logicId,callback){
    1415. 

  1415. 	
    1416. 

  1416. 	if(nextQuItemBody[0]){
    1417. 

  1417. 		//submitSurveyBtn
    1418. 

  1418. 		var nextQuType=nextQuItemBody.find(".quType").val();
    1419. 

  1419. 		var nextQuId=nextQuItemBody.find(".quId").val();
    1420. 

  1420. 		var nextAnswerTag=nextQuItemBody.find(".answerTag");
    1421. 

  1421. 

  1422. 		//var quType=quItemBody.find(".quType").val();
    1423. 

  1423. 		//var quId=quItemBody.find(".quId").val();
    1424. 

  1424. 

  1425. 		//判断跳转类型
    1426. 

  1426. 		if(skQuId==null){
    1427. 

  1427. 			//对于逻辑选项未被选中的情况
    1428. 

  1428. 			
    1429. 

  1429. 		}else if(nextQuItemBody.is(":hidden")){
    1430. 

  1430. 			skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
    1431. 

  1431. 				
    1432. 

  1432. 			});
    1433. 

  1433. 		}else if(nextQuType!="submitSurveyBtn" && nextQuType!="PAGETAG" && (skQuId==="1" || skQuId==="2" || nextQuId!=skQuId) ){
    1434. 

  1434. 			//对于逻辑项是被选定的情况下
    1435. 

  1435. 			nextAnswerTag.attr("disabled",true);
    1436. 

  1436. 			//nextQuItemBody.slideUp("slow");
    1437. 

  1437. 			nextQuItemBody.hide();
    1438. 

  1438. 			//nextQuItemBody.fadeOut();
    1439. 

  1439. 			nextQuItemBody.addClass("hidFor"+logicId);
    1440. 

  1440. 			
    1441. 

  1441. 			skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
    1442. 

  1442. 				
    1443. 

  1443. 			});
    1444. 

  1444. 		}
    1445. 

  1445. 	}else{
    1446. 

  1446. 		callback();
    1447. 

  1447. 	}
    1448. 

  1448. }
    1449. 

  1449. 

  1450. 

  1451. /******************************处理题目逻辑设置结束 **************************************/
    1452. 

  1452. 

  1453. 

  1454. function refreshAutoCode(codeImgId){
    1455. 

  1455. 	$("#"+codeImgId).attr("src","${ctx}/jcaptcha.action");
    1456. 

  1456. }
    1457. 

  1457. 

  1458. //判则判断 
    1459. 

  1459. var url="${ctx}/response!ajaxCheckSurvey.action";
    1460. 

  1460. var data="surveyId=${survey.id}";
    1461. 

  1461. $.ajax({
    1462. 

  1462. 	url:url,
    1463. 

  1463. 	data:data,
    1464. 

  1464. 	type:"post",
    1465. 

  1465. 	success:function(msg){
    1466. 

  1466. 		var json=eval("("+msg+")");
    1467. 

  1467. 		if(json.isCheckCode==="3"){
    1468. 

  1468. 			$("#jcaptchaImgBody").show();
    1469. 

  1469. 		}
    1470. 

  1470. 		
    1471. 

  1471. 		if(json.surveyStatus!="0"){
    1472. 

  1472. 			$("#fixedMsg").show();
    1473. 

  1473. 			$("#fixedMsg").html("您已经回答过此问卷！");
    1474. 

  1474. 			$("#submitSurvey").remove();
    1475. 

  1475. 			$("form").attr("action","#");
    1476. 

  1476. 		}
    1477. 

  1477. 	}
    1478. 

  1478. });
    1479. 

  1479. 

  1480. var errorcode="${param['errorcode']}";
    1481. 

  1481. if(errorcode=="3"){
    1482. 

  1482. 	var errorHtml="<div class=\"errorItem\" style=\"padding-left:30px;padding-top:10px;\" ><label for=\"\" class=\"error\">验证码不正确，请重新回答！</label></div>";
    1483. 

  1483. 	$("#m-errorMsg").append(errorHtml);
    1484. 

  1484. }
    1485. 

  1485. 

  1486. </script>
    1487. 

  1487. 

  1488. <%@ include file="/WEB-INF/page/layouts/other.jsp"%>
    1489. 

  1489. </body>
    1490. 

  1490. </html>
    1491.