`
jsntghf
  • 浏览: 2552470 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

全选/取消全选

 
阅读更多

  function checkAll(theForm) { 
  for (var i=0;i<theForm.elements.length;i++) {
    var e = theForm.elements[i];
    var eName = e.name;
    if (eName != 'allbox' &&
        (e.type.indexOf("checkbox") == 0)) {
        e.checked = theForm.allbox.checked;
    }
  }
}

 

使用示例:

 

<input type="checkbox" name="allbox" onclick="checkAll(this.form)"/>
 
分享到:
评论

相关推荐

    C# Winform DatagridView 分页及 全选/ 取消全选 功能

    在提供的文档“实现DataGridView的分页及全选取消全选的功能.doc”中,应该包含了具体代码示例和操作流程,包括如何创建和绑定事件,以及如何处理数据加载。建议仔细阅读文档,以便更好地理解和应用这些概念。 总之...

    javascript 实现复选框全选/取消功能

    本功能的目标是实现一个简单的全选/取消全选功能。当用户点击一个特定的复选框时(此例中的 `checkbox2`),页面上的所有其他复选框都将被选中或取消选中。 #### 2. 关键技术点 - **DOM 操作**:利用 JavaScript ...

    vue+elementui实现下拉框增加checkbox并可全选或取消(完整案例及效果图).zip

    此外,为了实现全选/取消全选的功能,可以在`el-select`组件上添加一个`@change`事件监听器,当选择项发生变化时触发`toggleAllChecked`方法: ```html v-model="value" multiple placeholder="请选择" @...

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    "checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中,选择或取消选择所有CheckBox的功能。这种功能在实际应用中非常常见,例如在多选题中,用户可以选择所有选项...

    jquery一句话全选/取消全选

    标题中的“jquery一句话全选/取消全选”指的是使用一行 jQuery 代码来完成全选或取消全选所有复选框的功能。下面将详细解释实现这个功能的方法。 1. 引入 jQuery 库: 在 HTML 文件中,你需要引入 jQuery 的库文件...

    AngularJS 购物车全选/取消全选功能的实现方法

    刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有: 1、勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定; 2、选中列表中的所有checkbox,全选也会...

    jQuery+CSS3相册上传全选/取消多张图片选择动画

    本项目“jQuery+CSS3相册上传全选/取消多张图片选择动画”正是针对这一需求,提供了一种视觉效果出色且交互性强的解决方案。通过结合jQuery的事件处理和CSS3的动画特性,实现了用户在选择多张图片时的流畅体验。 ...

    微信小程序实现多选框全选与取消全选功能示例

    `selectall` 函数是处理全选/取消全选的事件,它遍历 `listData` 数组,根据当前 `select_all` 的值来切换每个项的 `checked` 状态,并更新页面数据。 WXML部分是页面的结构,这里使用了 `&lt;checkbox-group&gt;` 组件来...

    GridView全选/反选示例 用checkbox

    在本示例中,我们将探讨如何实现GridView中的全选/反选功能,通过复选框(checkbox)来实现这一操作。这个示例特别适合于那些需要用户批量处理数据的应用场景。 首先,`Default.aspx`是用户界面的主要部分,它包含...

    jQuery checkbox全选/取消全选实现代码

    首先,让我们来理解全选/取消全选功能的基本逻辑。全选功能是指在一组复选框中,点击一个“全选”复选框,将会使得这组中的所有复选框状态被选中;而取消全选则是相反的操作,点击“全选”复选框后,将取消所有复选...

    html中的javascript 全选/取消全选操作示例代码

    在这篇关于HTML中JavaScript实现全选/取消全选操作的示例代码中,我们可以学到以下几个重要的知识点: 1. HTML页面中复选框(checkbox)的使用:在HTML表单中,复选框是通过`&lt;input type="checkbox"&gt;`标签来创建的...

    js全选/反选

    在JavaScript编程中,"全选/反选"是常见的用户交互功能,常见于表格、列表等数据展示场景,允许用户一次性选择或取消选择所有项目。这个功能在网页表单、电子表格应用、在线文档编辑器等领域都有广泛的应用。在本...

    JTable添加CheckBox

    通过上述代码,我们可以创建一个包含`CheckBox`的`JTable`,并且表头的`JCheckBox`可以实现全选/全不选的功能。这种功能在很多数据操作应用中都非常实用,例如在邮件客户端、任务管理器或者文件管理器中选择多项进行...

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

    // 全选/取消全选 updateSelectedCountText(adapter.getSelectedItems().size()); // 更新选中数量显示 } }); private void updateSelectedCountText(int count) { TextView selectedCountText = findViewById...

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

    综上所述,这个案例涵盖了CSS美化`checkbox`、实现全选/取消全选功能及计算选中数量的核心技术。通过学习和实践,开发者可以为网页中的`checkbox`添加更具吸引力的视觉效果,并提升用户交互体验。

    jquery复选框全选/取消示例

    首先,我们需要理解复选框全选/取消全选的基本原理。在用户点击全选复选框时,所有关联的子复选框都应该被选中;相反,当用户取消全选时,所有子复选框的选中状态应被移除。这可以通过遍历子复选框并设置或移除`...

    Android列表实现单选、多选、全选、取消、删除

    **全选/取消全选(Select All/Clear All)** 全选功能可以让用户快速选中所有列表项,通常会有一个单独的按钮触发这个操作。你需要遍历列表并设置所有项为选中状态,同时维护一个变量记录当前是否全选,以便提供取消...

    GridView中checkbox&quot;全选/取消&quot;完美兼容IE和Firefox

    在GridView中集成复选框(Checkbox)的功能,可以方便用户进行多项选择操作,例如“全选/取消全选”功能。这个功能在日常的网页交互中非常常见,如批量删除、批量修改等。然而,由于浏览器的差异,实现这一功能时...

Global site tag (gtag.js) - Google Analytics