zoukankan      html  css  js  c++  java
  • Jquery-获取勾选的checkbox的同级节点数量

        // 获取勾选的标签值得上一个兄弟节点
                var groups = [];
                $('input[name="group_name"]:checked').siblings(".lable").each(function(){ 
                    groups.push($(this).contents()); }); 
                // 将Groups的长度赋值给隐藏域
                $("#groupsCount").val(groups.length);
    <c:forEach items="${lableGroupList}" var="var" varStatus="vs">
    <div>
                                                <label class="lable"
                                                    style="line-height: 30px;margin:0 15px;">
                                                    ${var.group_name}:</label>
                                                <c:forEach items="${lableList}" var="lable" varStatus="vs">
                                                    <c:choose>
                                                        <c:when
                                                            test="${lable.itemcat_group_id == var.itemcat_group_id}">
                                                             <input name="group_name"
                                                                value="${lable.itemcat_id}" type="checkbox" />    
                                                         ${lable.itemcat_name}
                                                        
                                                   </c:when>
                                                    </c:choose>
                                                </c:forEach>
        </div>
                                            </c:forEach>
            <input type="hidden" id="groupsCount" name="groupsCount">
    $('#id').siblings(" 指定兄弟节点的id")   当前元素所有的兄弟节点
    $('#id').prev(" 指定兄弟节点的id") 当前元素前一个兄弟节点
    $('#id').prevaAll(" 指定兄弟节点的id") 当前元素之前所有的兄弟节点
    $('#id').next(" 指定兄弟节点的id") 当前元素之后第一个兄弟节点
    $('#id').nextAll(" 指定兄弟节点的id") 当前元素之后所有的兄弟节点
  • 相关阅读:
    jquery的全选,全不选,反选
    jquery中的on方法绑定动态元素
    IIS服务器不能下载.apk文件的解决方略
    14:堆和堆排序
    虚拟内存
    leetcode28:实现strStr()
    leetcode387:字符串中的第一个唯一字符
    leetcode344:反转字符串
    leetcode198:打家劫舍
    leetcode64:最小路径和
  • 原文地址:https://www.cnblogs.com/YangK-java/p/6224873.html
Copyright © 2011-2022 走看看