之前在搞這個功能的時候,因為對jquery研究不深,所以看網(wǎng)上這類問題很頭大,然后同事提示了走ajax或者form表單提交的方法,前端用<c:if>判斷來顯示th與td標簽,那如何判斷?根據(jù)checked標簽.prop("checked")是否等于true或false來判斷,下面是部分代碼
前臺的:
<input type="checkbox" id="inlineCheckbox1" name="inlineCheckbox1" value="${checked_zhiji }" onclick="zhiji1()"
<c:if test="${checked_zhiji*1==1*1 }">
checked="checked"
</c:if>
> 職級
<c:if test="${checked_zhiji*1==1*1 }">
<th class="center" style="text-align: center" nowrap="nowrap">職級</th>
</c:if>
<c:if test="${checked_zhiji*1==1*1 }">
<td style="text-align: center;">哈哈哈</td> <!-- 職級 -->
</c:if>
<script type="text/javascript">
/*職級復選框*/
function zhiji1(){
if($("#inlineCheckbox1").prop("checked")==true){ //1表示選中狀態(tài)
$("#inlineCheckbox1").val(1);
$("#dynamicPage1").submit();//走的是form表單提交
}else{
$("#inlineCheckbox1").val(0);
$("#dynamicPage1").submit();
}
}
</script>
controller層關鍵代碼
String checked_zhiji=request.getParameter("inlineCheckbox1");
model.addAttribute("checked_zhiji",checked_zhiji);
