Jquery-获取勾选的checkbox的同级节点数量

摘要:
//获取上一个同级节点vargroups=[]$('input[name=“group_name”]:checked').silds(“.able”).each(function(){groups.push($(this).contents());})的选定标记值;//将Groups的长度指定给隐藏字段$(“#groupsCount”)。val(组.长度)˂c:用于

Jquery-获取勾选的checkbox的同级节点数量第1张

    // 获取勾选的标签值得上一个兄弟节点
            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-获取勾选的checkbox的同级节点数量》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇js上传Python:日期和时间的处理模块及相关函数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

基于jQuery的tooltips插件--poshytip

摘要:   分享一款在项目中使用的tooltips插件--poshytip,这是一款基于jQuery的插件,其特点是简单易用,支持浏览器:IE6+, FF 2+, Opera 9+, Safari 3+, Chrome,并且带有六种皮肤的提示框 Install:   下载poshytip插件,解压之后将文件夹src拷贝到项目中,然后引入js和css文...

封装两个简单的Jquery组件

Jquery给我们提供了很大的方便,我们把他看成是一个公共库,以致在这个公共库上延伸出了很多Jquery插件;在项目过程中,有些插件总是不那么令人满意; 主要说两个项目用途: 1、 遮罩层,跟一般的遮罩层不一样,我需要实现的是对某一个元素进行局部遮罩; 2、 冒泡提示,网上有很多,我需要的只是一种在页面指定位置弹出来的一个静止定位的div而已;两个就自己了...

js/jquery如何获取获取父窗口的父窗口的元素

取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异 1 $(selector, window.top.document); 2 $(selector, wind...

使用jQuery实现tag便签去重效果

话不多说直接看代码 jsp页面的核心代码 <head> <script type="text/javascript" src="http://t.zoukankan.com/js/jQuery.js"></script> //jquery引用代码 <script type="text/javascript" sr...

jQuery Mobile 列表视图(带有自动检索)

输入a: 输入b: jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的 HTML 列表:有序列表 (<ol>) 和无序列表 (<ul>)。 如需创建列表,请向 <ol> 或 <ul> 元素添加 data-role="listview"。如需使这些项目可点击,请在每个列...

如何用JS判断网页中某个id的网页元素是否存在(两种写法 jQuery写法和原始写法:

在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原bai因是对一个不存在的元素进行操作是不允许的。例如:document.getElementById("someID").innerText("hi");如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getE...