首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在javascript或jquery中获取选定复选框的同级

在JavaScript或jQuery中获取选定复选框的同级元素,可以使用以下方法:

  1. 使用JavaScript:
    • 首先,获取选定的复选框元素的父级元素。
    • 然后,使用父级元素的querySelectorAll方法来选择同级元素。
    • 最后,遍历所选元素并进行相应操作。
    • 示例代码:
    • 示例代码:
  • 使用jQuery:
    • 首先,获取选定的复选框元素。
    • 然后,使用jQuery的parent方法获取父级元素。
    • 接着,使用父级元素的find方法选择同级元素。
    • 最后,遍历所选元素并进行相应操作。
    • 示例代码:
    • 示例代码:

以上方法可以帮助您在JavaScript或jQuery中获取选定复选框的同级元素,并进行相应的操作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery学习笔记

对象text()和html()方法分别获取节点文本和原始HTML文本 无参数调用text()是获取文本,传入参数就变成设置文本,HTML也是类似操作 操作表单 jQuery对象统一提供val()...方法获取和设置对应value属性、 和js .value()作用一样 var input = $('#test-input') input.val('鸡你太美') console.log(input.val...()) 不带参数是获取,带上参数是赋值 修改CSS jQuery对象有“批量操作”特点 用于修改css比较方便 如果是js还需要遍历 添加class属性 在做过了几个案例很多都需要添加class...属性 addClass()添加属性 显示和隐藏DOM jQueryshow()和hide()方法 上图获取JavaScript之后将其隐藏 显示同理 获取DOM信息 jQuery可以获取DOM高宽等信息...li变为灰色 }) nextAll() 方法返回被选元素之后所有同级元素。

1.3K40

PHP ajax+jQuery 实现批量删除功能实例代码小结

:void(0);" rel="external nofollow" class="btn btn-danger" onclick="selectAll()" title="删除选定数据" style=...</form <script (function () { var $all = $('#J-all'); var $dl = $('#J-dl'); // 绑定全选按钮点击事件,让下面所有的复选框是跟全选一样...this.checked); }); // 绑定点击所有的复选框,点击时候判断是否页面全选了 $dl.find('.ck').on('click', function () { // 我只是喜欢用filter...ids = ''; $(".ck").each(function() { if ($(this).is(':checked')) { ids += ',' + $(this).val(); //逐个获取...总结 以上所述是小编给大家介绍PHP ajax+jQuery 实现批量删除功能实例代码小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家

1.2K20
  • 第51次文章:JQuery高级

    三个预定值("slow","normal","fast")表示动画时长毫秒数值(如:1000) easing:用来指定切换效果,默认是"swing",可用参数"linear" swing:动画执行时效果是...:先慢 中间快,最后又慢 linear:动画执行时速度是匀速 fn:动画完成时执行函数,每个元素执行一次。...// alert(this.innerHTML) //3.2获取li对象 第二种方式 回调函数定义参数 index(索引) element(元素对象) // alert...1、$.fn.extend(object) 增强通过Jquery获取对象功能,属于对象级别的插件,例如:$("#id") 我们用一个案例来展示一下插件使用。如下案例所示: //使用jQuery插件 给jq对象添加2个方法 check()选中所有复选框,uncheck()取消选中所有复选框 //1.定义jQuery对象插件

    3.6K30

    UI标签库的话题:JEECG智能开发平台 BaseTag(样式表和JS标签引入)

    禁用F5 designer 在线流程设计器函数库 tools artDialog4.1.6弹出窗及经常使用CURD操作函数 ckeditor 须要载入t:ckeditor时引入ckeditor所须要...js ckfinder 须要载入t:ckfindert:ckeditor载入ckfinder时引所需JS 2....以适应父容器 否 true sortName string 定义列进行排序 否 null sortOrder string 定义列排序顺序,仅仅能是“递增““降序(asc,desc) 否 asc...2.1.3.方法 方法名 传入參数 描写叙述 reloadTable 无 又一次载入数据 reload+name 无 又一次载入数据name是表格唯一标示 get+name+Selected field 获取选定行传入字段值...getSelected field 获取选定行传入字段值 get+name+Selections field 获取全部选定行传入字段数组集合 name+search 无 运行查询前提是Column

    4.5K20

    jQuery」基础 - 02

    (该方法也可以获取 H5 自定义属性) 1.1.3 数据缓存 data() data() 方法可以指定元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放数据都将被移除。...因为checked 是复选框固有属性,此时我们需要利用prop()方法获取和设置该属性。 把全选按钮状态赋值给3小复选框就可以了。 当我们每次点击小复选框按钮,就来判断。...语法1 注意:此方法用于遍历 jQuery 对象每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...语法2 注意:此方法用于遍历 jQuery 对象每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高获取和设置,且不一样API对应不一样盒子模型。

    2.8K20

    JQuery学习

    * jQuery是一个快速、简洁JavaScript框架,是继Prototype之后又一个优秀JavaScript代码库(JavaScript框架)。...首元素选择器 * 语法: :first 获得选择元素第一个元素 2. 尾元素选择器 * 语法: :last 获得选择元素最后一个元素 3....='text']:disabled").val("bbb"); }); //<input type="button" value=" 利用 <em>jQuery</em> 对象<em>的</em> length 属性<em>获取</em><em>复选框</em>选中<em>的</em>个数...: 1.如果操作<em>的</em>是元素<em>的</em>固有属性,则建议使用pro; 2.如果操作<em>的</em>是元素自定义<em>的</em>属性,则建议使用attr * <em>复选框</em>状态checked 和 下拉表列<em>中</em>selected...//使用<em>jquery</em>插件 给jq对象添加2个方法 check()选中所有<em>复选框</em>,uncheck()取消选中所有<em>复选框</em> //定义<em>jquery</em>对象插件: $.fn.extend

    16.6K20

    Web前端学习笔记之jQuery选择器

    DOM对象属性方法如.length,但也有个别属性方法不能使用如.value,可以通过JQuery包装集后面加括号及索引值获取对应DOM对象 var text11_dom=$("#text11")...text11与button11地位上属于同级关系 var button11_query=$("#text11+.button11"); 4.获取id为text11元素后面的所有class为button11...; 2.获取所有不含子标签html内容为空td元素 var td_query=$("td:empty"); 3.查找所有含有input子元素td元素 var td_query=$("td:has...Filters 1.查找所有父元素所有子元素中排第2input元素 nth-child()里参数可选even在这里算偶数,odd在这里算奇数,n任意数即选取所有有父元素input元素,数字是直接选排在第几个...=$("input:first-child"); 3.查找所有父元素中所有子元素中排最后一个input元素 var input_query=$("input:last-child"); 4.查找所有父元素是唯一子元素

    1.3K10

    JQuery Ztree 树插件配置与应用小结

    设置 zTree 节点上是否显示 checkbox / radio 默认值: false 参数值:true / false 分别表示 显示 / 不显示 复选框单选框 setting 举例:需要显示...、异步加载时节点数据、 addNodes 方法输入 newNodes 数据是否采用简单数据模式 (Array) 不需要用户再把数据库取出 List 强行转换为复杂 JSON 嵌套格式 默认值...(JSON) 要被拖拽节点 JSON 数据集合 v3.x 允许多个同级节点同时被拖拽,因此将此参数修改为 Array(JSON) 如果拖拽时多个被选择节点不是同级关系,则只能拖拽鼠标当前所在位置节点...2、需要首先加载 jquery-1.4.2.js 其他更高版本 jQuery 。...获取输入框被勾选 未勾选节点集合。

    7.2K40

    jQuery9个选择器

    选择器是 jQuery 最基础东西,本文中列举选择器基本上囊括了所有的 jQuery 选择器,也许各位通过这篇文章能够加深对 jQuery 选择器 理解,它们本身用法就非常简单,我更希望是它能够提升个人编写...next :选取当前元素紧邻下一个同级元素 prev~  siblings :选取当前元素后面的所有同级元素 3、简单选择器 :first :获取第一个元素 :last :获取最后一个元素 :even...:only-child :如果当前元素是唯一子元素,则匹配 8、表单选择器 :input :选取页面所有表单元素,包含 select 以及 textarea 元素 :text :选取页面所有文本框...:password:选取所有的密码框 :radio :选取所有的单选按钮 :checkbox:选取所有的复选框 :submit :获取 submit 提交按钮 :reset:获取 reset 重置按钮...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:jQuery9个选择器

    1.5K20

    JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选数据网格——AG Grid

    为什么选择AG Grid01、AG Grid“ag”代表 AGnosticAG Grid具有零依赖项,例如AngularReact,AG Grid甚至不使用JQuery、UnderscoreLoDash...AG Grid企业级功能01、聚合分组时,您还可以进行聚合以获取数据聚合值,即总和、最小值、最大值等。使用内置聚合函数创建自己聚合函数。02、剪贴板从剪贴板复制和粘贴数据。...用户将能够 Excel 编辑数据,然后完成后将数据复制回网格。03、栏目菜单列菜单从列标题下拉。使用默认选项提供您自己选项。04、上下文菜单右键单击单元格时会出现上下文菜单。...06、分组行使用分组行将数据分组到选定维度上。您可以将数据设置为按特定列分组,或者允许用户拖放他们选择列并动态分组。...这对于突出显示数据复制到剪贴板非常方便。10、设置过滤器Set Filter工作方式与Excel类似,提供复选框以从集合中选择值。

    4.3K40

    JQuery干货篇之选择元素

    元素 JQuery对象方法 context 选择元素时使用的上下文对象 $("img:odd").context.TagName; each(function()) 每个选中元素上运行给定函数...表示每一个元素htmlElement对象,并不是jquery对象 }) index(jquery) || index(selector) 返回给定jquery对象住对象序号,或者返回给定选择器参数索引...","thick double red"); //获取3-结束 filter filter可以将不满足指定条件元素剔除,常用方法有filter(jquery),filter(htmlElement...,这里最接近就是辈分最接近,这里两个class=drowdiv都是最接近,因为这俩个是同级关系 console.log(elem.tagName+" "+elem.id)...,因为对于自学的人来说想要找到系统学习教程很困难,这一点我深有体会,我也是不断摸索才小有所成,如果你们觉得我写不错就帮我推广一下,让更多的人看到。

    1.8K30

    浅谈JavaScript

    ---- jQuery介绍 1、jQuery定义 jQuery是对JavaScript封装,它是免费、开源JavaScript函数库,jQuery极大地简化了JavaScript编程。...3、jQuery优点 jQuery兼容了现在主流浏览器,增加了程序员开发效率 jQuery简化了JavaScript编程,代码编写更加简单 4、小结 jQuery是一个免费、开源JavaScript...,然后获取转移后标签 2、选择集转移操作 $('#box').prev(); //表示选择id是box元素上一个同级元素 $('#box').prevAll(); //表示选择id是box元素上面所有同级元素...$('#box').find('.myClass'); //表示选择id是box元素class等于myClass元素 获取和设置元素内容 1、html方法使用 jqueryhtml方法可以获取和设置标签...对象 1、JavaScript对象介绍 JavaScript所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象,此外,JavaScript允许自定义对象,对象可以拥有属性和方法。

    3.2K30
    领券