7.jsp页面点击复选框按钮显示或隐藏table中的对应列数据

之前在搞这个功能的时候,因为对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);