之前在搞这个功能的时候,因为对jquery研究不深,所以看网上这类问题很头大,然后同事提示了走ajax或者form表单提交的方法,前端用<c:if>判断来显示th与td标签,那如何判断?根据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表示选中状态
$("#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);
