JS中关于复选框的代码

1 删除：

// 删除按钮对应的JS函数
    function delKnowFun() {
        var hidContentTypeId = $("#contentTypeId").val();
        var nodeType = $("#nodeType").val();
        if($("input:checkbox:not(#checkedAll):checked").length > 0) {
            var deleteIDs = "";
            $.each($("input:checkbox:not(#checkedAll):checked"), function(i, n){
                      deleteIDs += $(this).val() + ",";
                });
            deleteIDs = deleteIDs.substring(0, deleteIDs.length-1);
            window.location.href="/contentmanage!delete?deleteIDs=" + deleteIDs + "&hidContentTypeId=" + hidContentTypeId  + "&nodeType=" +nodeType;
        }else{
            alert("请选择要删除的知识");
        }
       
    }

2 联动：

// 设置复选框按钮的联动功能1
    function clickAllFun(obj) {
        $("input:checkbox:not(#checkedAll)").attr("checked",obj.checked);
    }
    // 设置复选框按钮的联动功能2
    function clickEachFun(){
        // 得到非父节点的所有checkbox  然后得到长度后，看被选中的长度和当前页的复选框非父节点长度是否一致 如果一致的话，则被选中
        var flag = $("input:checkbox:not(#checkedAll)").length == $("input:checkbox:not(#checkedAll):checked").length ? true : false;
        $("#checkedAll").attr("checked",flag);
    }

 

 

jsp：

 

<table width="100%" border="0" cellspacing="0" cellpadding="0"  class="tableborder" align="center">
                 <c:if test="${fn:length(knowledges) > 0}">
                      <tr>
                        <th width="3%">
                          <input type="checkbox" name="items" id="checkedAll" onClick="clickAllFun(this)" value="checkbox0" /></th>
                        <th width="54%" align="left">内容标题 </th>
                        <th width="14%" align="left">创建人&nbsp;</th>
                        <th width="29%" align="left">操作</th> 
                       </tr>
                      
                        <c:forEach var="knowledge" items="${knowledges}" varStatus="status">
                             <c:if test="${status.count%2!=0}">
                                  <tr class="row4">
                                    <td align="center" ><input type="checkbox" name="items" value="${knowledge.id}" onClick="clickEachFun()" /></td>
                                    <td align="left" >${knowledge.name}</td>
                                    <td align="left" >${knowledge.createUer}</td>
                                    <td align="left" ><a id="showKnow" onClick="showKnowFun('${knowledge.id}')" class="linktext1" href="#">查看内容</a> <a id="editKnow" onClick="editKnowFun('${knowledge.id}')" class="linktext1" href="#">编辑内容</a> <br />
                                      <c:if test="${nodeType == 'yezi' }">
                                          <a href="#" onClick="addSimilarKnowFun('${knowledge.id}')">添加类似内容</a>
                                          <a href="#" onClick="addKnowFun()">添加同类内容</a></td>
                                      </c:if>
                                  </tr>
                              </c:if>
             
                              <c:if test="${status.count%2==0}">
                                       <tr class="row2">
                                         <td align="center" ><input type="checkbox" name="items" value="${knowledge.id}" onClick="clickEachFun()" /></td>
                                         <td align="left" >${knowledge.name }</td>
                                         <td align="left" >${knowledge.createUer }</td>
                                        <td align="left" ><a id="showKnow" onClick="showKnowFun('${knowledge.id}')" class="linktext1" href="#">查看内容</a> <a id="editKnow" onClick="editKnowFun('${knowledge.id}')" class="linktext1" href="#">编辑内容</a> <br />
                                          <c:if test="${nodeType == 'yezi' }">
                                              <a href="#" onClick="addSimilarKnowFun('${knowledge.id}')">添加类似内容</a>
                                              <a href="#" onClick="addKnowFun()">添加同类内容</a></td>
                                           </c:if>
                                     </tr>
                               </c:if>
                      </c:forEach>
                     
                      <tr>
                        <td colspan="4" align="center" class="row1"><b:pagination page="${paginate.page}" namespace="/" controller="contentmanage!ajaxList" includeParams="true" styleClass="fright pages" ajax="true" formWay="true" formId="testForm" containerId="pageInfosID"/></td>
                    </tr>
                 </c:if>
                
                
                 <c:if test="${fn:length(knowledges) == 0}">
                    
                      <div class="tbToolbar" style="padding-bottom: 26px;">内容列表 <br/>
                         <input name="Input" id="addContent" type="button" onClick="addKnowFun()" value="添加该类内容" class="button"/>
                         <input name="Input" type="button" id="deleteId"  onClick="delKnowFun()" value="删除" class="button"/>
                    </div>
                      <p style="PADDING-RIGHT: 160px;  PADDING-BOTTOM: 120px; PADDING-TOP: 200px">当前类目下暂时没有数据</p>
                  </c:if>
             </table>