`
hibernate159
  • 浏览: 7727 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

全选和选中项

 
阅读更多

js:jquery-1.3.2.js(比较老了)

jquery的$别名可能与其他标签库冲突,搭配使用时,推荐使用:

1.jQuery代替$

2.自定义:var jq = JQuery.noConflict();//jq代替$

首先把name属性设置成相同名称,如:type="checkbox" name="cbNames"

var allC = jQuery("#cbAll").attr("checked");//查找id=cbAll的元素,得到checked的属性值

 jQuery(":checkbox[name=cbNames]").each(function(){
  jQuery(this).attr("checked",allC);
  });

[]是JQuery的路径表达式,查找name="cbNames"的checkbox元素;JQuery的each()相当于for循环

cbAll是单独的checkbox元素,用来确定全选还是全不选。

选中项:

//写法类似,只是多了一个约束,查找name="cbNames" checked="true"的checkbox元素

var cs = jQuery(":checkbox[name=cbNames][checked=true]");

cs代表数组,每一个值是一个checkbox元素,如果你想对这个数组进行进一步封装,可以这样:

var ncs = jQuery.map(cs,function(val){

val:cs数组中的一个值

return val.id+'_'+val.name;

}

map()也是一个循环函数,ncs是封装后的数组,值是map()的每一个return的值

分享到:
评论

相关推荐

    DataGrid全选并获取选中条目数

    在这个方法中,我们使用了LINQ的Cast和Count方法,将Items集合转换为可枚举对象,然后检查每个项是否在选中项集合中。 现在,你已经具备了实现DataGrid全选功能和获取选中条目数的能力。这个功能对于用户交互和数据...

    checkbox全选,选中数据传到后台

    在前端,我们可以使用jQuery或者其他JavaScript库来处理用户交互,比如监听复选框的改变事件,收集选中项的ID,并在用户提交时构建请求参数。同时,为了实现全选功能,我们需要维护一个全选状态变量,当这个变量改变...

    vue.js单选全选删除选中代码.zip

    在给定的压缩包“vue.js单选全选删除选中代码.zip”中,包含的代码示例旨在演示如何在Vue应用中实现单选、全选以及删除选中项的功能。这个功能常见于数据列表管理场景,如表格中的行操作。 首先,Vue.js的核心概念...

    JS全选反选父项子项联动多选框

    3. **父子项联动**: 实现父项和子项之间的状态同步,确保数据的一致性和用户体验。 #### 三、技术实现原理 该功能主要通过JavaScript来实现,涉及以下关键技术点: 1. **获取元素**:使用`document....

    GridView 单选和全选功能以及全选操作和取消全选

    这需要在Adapter中维护一个全局的全选状态变量,当全选按钮被点击时,遍历数据源,将所有项的选中状态设为全选状态。同时,如果用户手动改变了某一项的选择,需要检查当前是否仍有全选,如果有冲突则更新全选按钮的...

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    本案例主要关注如何利用CSS实现简约时尚的样式,并结合HTML中的`checkbox`元素实现全选/取消全选功能以及获取选中项的数量。以下是对这些知识点的详细说明: 一、CSS基础与美化`checkbox` 1. CSS选择器:通过类选择...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消选中其中的一项,全选复选框仍然保持选中状态,这显然不符合用户的预期。本文将深入探讨这个问题,并提供解决方案。 首先,我们需要...

    ListView嵌套ListView带多选,全选,反选,选中数量

    本项目"ListView嵌套ListView带多选,全选,反选,选中数量"着重解决了在嵌套ListView中实现多选、全选、反选以及动态显示选中数量的功能。下面将详细介绍这些关键知识点。 1. **嵌套ListView**: 在Android中,...

    复选框的全选和反选、复选框的全选和反选

    同时,还需要考虑如何处理用户直接操作单个复选框的情况,确保全选和反选按钮的状态与当前选中项保持一致。 除了前端,全选和反选的概念也广泛应用于后端数据库操作。例如,用户可能需要批量删除或更新一组记录。在...

    Android在recycleview中进行全选和取消全选

    // 更新Adapter的选中项列表 adapter.notifyItemChanged(position); // 刷新对应位置的视图 } }); Button allSelectBtn = findViewById(R.id.all_select_button); allSelectBtn.setOnClickListener(new View....

    易语言超级列表框全选和删除选项

    易语言超级列表框全选和选项及消除全选

    全选 全不选

    选中全选复选框 所有的复选框都选上,如果取消全选,所有的复选框都取消勾选,如果选中一个复选框,那么全选复选框就也勾选上,当所有的复选框取消选择,全选复选框也取消选中状态...

    vue.js全选单选删除选中代码.zip

    在"vue.js全选单选删除选中代码.zip"这个压缩包中,我们看到的是一个实现了全选、单选以及删除选中项功能的示例代码。这个功能通常应用于数据列表的管理,比如歌单列表,用户可以方便地选择一个或多个条目进行操作,...

    android ListView中的checkBox全选和反选Demo

    全选和反选的核心在于维护一个全局的选中状态集合,通常是一个布尔数组,用于存储每个列表项的选中状态。在CheckBox的点击事件中更新该集合,并同步更新ListView的显示。可以添加一个头项的CheckBox来控制所有列表项...

    在DataGrid中进行复选框的操作(全选和取消)

    在某些应用场景下,我们可能需要在`DataGrid`的每一行添加复选框,以便用户可以多选操作,如全选和取消全选功能。下面我们将详细探讨如何实现这一功能。 首先,我们需要在`DataGrid`中添加复选框列。这可以通过...

    checkbox实现全选和反选经典例子

    - **反选功能**:反选意味着取消所有已选中的项。这可以通过再次触发全选Checkbox的`CheckedChanged`事件,但这次改变所有行Checkbox的状态为未选中。 4. **事件处理和逻辑** 在代码-behind文件中(例如.CS文件)...

    listview item选中删除,全选,取消

    为了让用户明确知道哪一项被选中,可以设置选中项的颜色、背景等视觉效果。这需要在Adapter的`getView()`方法中根据当前项的选中状态来设置。 6. 事件监听: 通过实现`OnItemClickListener`和`...

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    最后,为了实现单选功能,我们需要在Adapter中维护一个记录当前选中项的变量,例如`selectedPosition`。当用户点击一个CheckBox时,取消其他所有item的选中状态,只保留当前点击的item为选中状态。 ```java int ...

    全选,反选,点击item取消全选,最后获取点击item的内容

    例如,在JavaScript中,可以使用数组的map()和filter()方法来处理选中项的数据;在Android中,使用ListView或RecyclerView配合Adapter,通过接口回调获取选中状态。 总的来说,这个功能的核心在于正确处理复选框的...

    GridView全选与批量删除

    4. Linq技术:Linq(Language Integrated Query,语言集成查询)是.NET Framework中的一项创新技术,允许开发者以更自然、更直观的方式来处理数据。在GridView的批量删除场景中,Linq可以帮助我们编写简洁、可读性强...

Global site tag (gtag.js) - Google Analytics