`
bo_hai
  • 浏览: 564593 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JQuery checkBox筛选出已选中的对象

 
阅读更多

1、通过css样式来筛选已选中的对象,代码如下:

$(".proColor .colorSort .txtCheckbox:checked").each(function(index){

});

 注:.proColor .colorSort .txtCheckbox 是找到多选择框的CSS样式;

2、通过name属性来筛选,代码如下:

$("input[name='checkBoxName']:checked").each(function(){

})

 

3、也可以通过id属性来筛选,代码如下:
$("input[id='checkBoxId']:checked").each(function(){

})
 4、计算已选中checkBox的个数:代码如下:
var checkedSize = $("input:checked[name='checkBoxName']").size();
 5、为checkBox 绑定click事件的方法:,代码如下:
// 全选框click事件
$(".proColor .checkAll ").live('click',function(){

});
 欢迎大家补充!谢谢。
分享到:
评论
1 楼 bo_hai 2014-05-06  
:checked

:之间不能有空格。

相关推荐

    jquery操作Radio、Checkbox、Select Demo

    我们可以使用`.val()`设置或获取选中项,使用`.find()`配合`:selected`筛选出当前选中的选项。 1. **设置Select选中项**: ```javascript $('#select1').val('option2'); // 选中ID为'select1'中value为'option2'...

    jquery实现筛选前台页面

    本篇文章将详细讲解如何利用 jQuery 实现前端页面的筛选功能,包括搜索、单选框、多选框以及显示选中信息的处理。 一、jQuery 基础 在开始之前,我们需要确保页面已经引入了 jQuery 库。通常,这可以通过在 HTML ...

    jquery插件实现下拉多选checkbox的效果

    在本文中,我们将深入探讨如何使用jQuery UI Multiselect插件来实现下拉多选checkbox的效果。这个插件是jQuery库的一个扩展,它为用户界面添加了一个功能丰富的多选下拉框,提供了美观且用户友好的多选选项。 首先...

    Jquery遍历checkbox获取选中项value值的方法

    在jQuery中,遍历checkbox并获取选中项的value值是一项常见的操作,特别是在表单处理或者数据筛选场景中。在给定的标题和描述中,我们看到一个具体的示例,展示了如何实现这一功能。以下是对这个示例的详细解释: ...

    checkbox鼠标拖拽框选

    5. **CSS辅助**:为了视觉上呈现选中效果,我们可能还需要一些CSS样式来标记选中的checkbox,例如添加一个类`selected`,并定义相应的样式。同时,可以使用CSS来创建拖拽时的高亮边框,提升用户体验。 6. **性能...

    用Jquery获取checkbox多个选项详解

    这段代码首先初始化一个空字符串`str`,然后使用带有`[checked]`属性筛选器的选择器选取所有已选中的复选框,遍历它们并将其值添加到`str`中,最后通过`alert()`弹出选中值的字符串。 通过以上示例,我们可以了解...

    css+jquery带checkbox的输入框可模糊查询

    在这里,我们可以使用jQuery的`filter()`函数,对数据源(可能是数组或者DOM元素集合)进行筛选,找出包含用户输入字符的项。模糊查询可以通过正则表达式实现,例如,当用户输入“abc”时,不仅会匹配到“abc”,还...

    jQuery获取checkbox选中的值

    这个函数会反转所有同名checkbox的状态,已选中的变为未选中,未选中的变为选中。 - 获取所有选中checkbox的值:`$("#btn5").click(function() {var str = ""; $("[name='checkbox'][checked]").each(function() {...

    jQuery判断checkbox是否选中的3种方法

    `.get(0)`是用来将jQuery对象转换为原生JavaScript的DOM元素对象。之后,直接使用`.checked`属性来判断复选框是否被选中。如果复选框被选中,则执行`//dosomething`内的代码。 方法二:使用jQuery的.is(':checked')...

    jQuery之实战(checkbox,table)

    使用jQuery,我们可以轻松地实现checkbox的选中、取消选中、状态检查等功能。例如,要选中所有checkbox,可以使用以下代码: ```javascript $("input[type='checkbox']").prop("checked", true); ``` 若要取消选中...

    基于jQuery实现复选框是否选中进行答题提示

    上述代码中,通过`.filter(":checked")`方法来筛选出所有选中的复选框,并通过`.length`属性判断数量来判断是否有选项被选中,以及哪个选项被选中。需要注意的是,本例中是通过假设答案为A来进行提示的,实际应用时...

    jQuery商品分类多项筛选菜单代码.zip

    《jQuery商品分类多项筛选菜单代码实现详解》 在构建电子商务网站时,商品分类筛选功能是不可或缺的一部分,它能帮助用户快速找到所需的商品。本篇文章将深入解析“jQuery商品分类多项筛选菜单代码”,揭示其背后的...

    Js/Jquery 实现checkbox全选,反选,全不选

    总结起来,使用JavaScript和jQuery实现checkbox的全选、反选和全不选功能,主要涉及到对DOM元素的操作,特别是复选框的选中状态控制。通过事件监听和属性修改,我们可以轻松地实现这些交互效果,提升用户体验。在...

    jQuery判断checkbox是否选中的小例子

    在这篇名为“jQuery判断checkbox是否选中的小例子”的文章中,作者讲述了如何使用jQuery来判断复选框(checkbox)是否被选中的几种方法。复选框是一种常见的表单元素,常用于让用户选择一个或多个选项。在Web开发中...

    关于checkbox选择个数限制

    当用户尝试勾选新的Checkbox时,我们可以遍历所有相关的Checkbox,计算已选中的个数。如果超过预设的限制,就阻止这次改变,通常通过设置`event.preventDefault()`。以下是一个简单的示例: ```html ...

    jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    本知识点主要介绍了如何使用jQuery来实现当一组复选框(checkbox)被选中时,将这些复选框的某个特定属性(例如id属性)取出来,并将其连接成一个由逗号分隔的字符串。这种方法在网页中具有广泛的应用场景,例如在...

    jQuery UI Multiselect (jQuery UI 多选框)

    jQuery UI Multiselect 允许通过配置对象来定制其行为,例如: - `noneSelectedText`:未选中任何选项时的提示文本。 - `selectedTextFormat`:控制如何显示已选中的选项,可以是“count”(显示数量)、"static"...

    jquery、js操作checkbox全选反选

    这个函数利用 jQuery 的 `.map()` 方法将所有选中的复选框的值收集起来,然后通过 `.get()` 转换为 JavaScript 数组,并使用 `.join(',')` 合并成一个以逗号分隔的字符串返回。这样,我们可以方便地得到所有选中复选...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框...无论是简单地显示一组可选项目,还是构建复杂的多级筛选系统,jQuery UI Multiselect都能胜任。在实际开发中,合理利用此类组件,可以使网页更加友好和高效。

    JQuery对checkbox操作 (循环获取)

    })` 遍历所有已选中的 checkbox,将它们的值添加到变量 `aa` 中。然后使用 `document.write(aa)` 显示选中项的值。这展示了如何收集多个 checkbox 的值并进行后续处理。 以上就是 jQuery 对 checkbox 操作的实例,...

Global site tag (gtag.js) - Google Analytics