`
sq1228
  • 浏览: 82248 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

控制Checkbox全选的JS

JavaScriptCC++C# 
阅读更多
<script language="javascript">
function selcheck() {
  var objs = myTable.getElementsByTagName("input");
  for(var i=0; i<objs.length; i++) {
    if(objs[i].type.toLowerCase() == "checkbox" )
      objs[i].checked = true;
  }
}
</script>

使用方法:

1. 在<head></head>内插入如上JS代码

2. 设置checkbox,例如
<table>
<TR>
<td>
<INPUT type="checkbox" name="1" value="a">
</td>
<td>
<INPUT type="checkbox" name="2" value="b">
</td>
<td>
<INPUT type="checkbox" name="3" value="c">
</td>
</TR>
</table>

3. 加入一个控制按钮 如
<INPUT type="button" name="select" value="全 选" onclick="selcheck()">

注意checkbox 的 name 的规律
分享到：
| 用Delphi改变图片的像素,即大小
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CheckBox全选并删除

    在ASP.NET开发中，CheckBox控件常常用于实现用户界面中的多选功能，而"CheckBox全选并删除"这个主题涉及到两个关键操作：全选和删除。全选功能允许用户一次性选择多个选项，删除则通常指的是从数据库或其他数据存储...

    三种方式实现checkbox全选，反选

    以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...

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

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    在JavaScript（JS）中，`checkBox`，也称为复选框，是网页表单中常见的一种元素，用于用户选择一个或多个选项。全选功能在处理多选项时非常实用，比如在一个列表中批量选择所有项目。这个标题和描述虽然重复，但明显...

    今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。。。。

    ### JS控制Checkbox全选、取消全选与删除功能 在前端开发中，处理表单数据时经常需要用到对多个复选框（checkbox）的操作，比如全选、取消全选以及基于选择状态进行某些操作（如删除）。本文将详细介绍如何通过...

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

    在IT行业中，尤其是在Web开发领域，"checkbox全选，选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据，如删除、修改等。以下是对这个主题的详细解析： 首先，我们需要理解标题中的关键词...

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框（checkbox）以及全选功能。EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列预定义的 CSS 样式和 JavaScript 组件，帮助...

    checkbox的全选与取消

    本文将深入探讨“复选框的全选与取消”这一主题，主要基于提供的HTML文件“checkbox.html”。全选和取消功能通常用于表格或者列表中，让用户能够便捷地操作大量选项。 首先，我们来看看复选框的基本结构。在HTML中...

    PHP checkbox全选及提交到PHP

    这个项目（"PHP checkbox全选及提交到PHP"）涵盖了前端的全选功能实现，后端的PHP接收表单数据，以及可能涉及的数据库操作。了解这些知识点有助于构建一个完整的用户交互系统，允许用户在网页上选择多个选项并将其...

    js实现checkbox 全选和取消

    js实现checkbox 全选和取消 自己亲测可以使用

    javascript获取checkbox选定的值，checkbox全选功能

    javascript获取checkbox选定的值，checkbox全选功能的一个例子，方便新手朋友下载使用。费了好大劲才把功能做全了。

    javascript中CheckBox全选终极方案.docx

    ### JavaScript中CheckBox全选终极方案 #### 概述 在Web开发中，CheckBox的应用非常广泛，尤其是在表单处理和用户交互方面。一个常见的需求就是在页面上实现CheckBox的全选功能，以便用户能方便地对一组复选框进行...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中，Checkbox（复选框）是一种非常常见的用户界面元素，用于收集用户的多选输入。尤其是在表单设计时，Checkbox的全选与反选功能极大地方便了...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求，即通过JavaScript控制HTML中的复选框（checkboxes），实现全选、反选和取消全部选中的功能。在本文中，我们将深入探讨如何...

    checkbox全选功能实例

    实例1.html和checkbox全选功能实例.html可能是两个不同的实现示例，你可以通过查看这两个文件来对比学习不同的实现方法和代码结构。 总结，`checkbox`全选功能是Web开发中常见的用户交互功能，通过理解和实践这一...

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

    "Table简约时尚CSS样式，checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件，它包含完整的HTML和CSS代码，可能还包含了JavaScript实现。这个案例演示了如何将...

    JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

    JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

    GridView使用div分页，checkbox全选

    - 对于checkbox全选功能，要注意处理可能出现的边界情况，如当数据为空或只有一条数据时，全选checkbox的状态应该如何设置。 通过以上步骤和策略，我们可以实现一个既高效又友好的GridView分页和全选功能。这不仅...

    JQ checkbox 全选和全不选

    "JQ checkbox 全选和全不选"这个主题聚焦于jQuery如何实现复选框的选择功能，特别是全选和全不选的交互效果。这种功能常见于数据表格或列表的筛选中，允许用户一次性选择或取消选择所有项目。 首先，我们需要了解...

    JS实现checkbox的全选和反选

    资源名称：JS实现checkbox的全选和反选资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。

Magicbox
Global site tag (gtag.js) - Google Analytics