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

基于prototype的全选反选

阅读更多
<script type="text/javascript">
  function select_all(){ //全选
    var inputs = document.getElementsByTagName("input");
    for(var i=0;i<inputs.length;i++)
    {
      if(inputs[i].getAttribute("type") == "checkbox")
      {
        inputs[i].checked = true;
      }
    }
  }

  function reverse_select_all(){ //反选
    var inputs = document.getElementsByTagName("input");
    for(var i=0;i<inputs.length;i++)
    {
      if(inputs[i].getAttribute("type") == "checkbox")
      {
        inputs[i].checked == true?inputs[i].checked = false:inputs[i].checked = true
      }
    }
  }
</script>
分享到:
评论

相关推荐

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...

    JS实现全选反选全不选

    JS实现全选反选全不选

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...

    DataGridView表头添加checkbox实现全选反选

    当我们需要在数据表中实现多选功能时,通常会在表头添加一个`Checkbox`,以实现全选或反选所有行的功能。这个过程涉及到事件处理、控件交互以及UI设计等多个方面的知识点。 首先,我们需要在`DataGridView`的表头行...

    jquery全选反选插件

    本话题将深入探讨“jQuery全选反选插件”的相关知识点,这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先,jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上,当用户需要对一组选项进行...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    JS简单表格列表全选反选代码.zip

    本示例中的"JS简单表格列表全选反选代码"是一个使用原生JS编写的功能,它允许用户通过点击表头按钮来实现表格数据的全选和反选操作。这个功能在处理大量数据时特别有用,例如在用户需要批量操作表格项时。 1. **...

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    jQuery表格行全选反选单选代码

    jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。

    简单实现全选反选功能(html)

    在网页开发中,全选和反选功能是常见的交互元素,尤其在表格或者多选项列表中,用户可能希望一键选择所有项目或清除已选。在这个案例中,我们将探讨如何使用HTML和jQuery来实现这一功能。 首先,我们需要创建HTML...

    js书写全选反选

    用js书写全选反选的事例,简单明了,源代码,方便易学,可直接引用

    JS实现全选、反选

    JS JS实现全选反选 全选 反选

    实现table表格checkbox复选框的全选 反选

    接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来实现全选/反选功能。这里我们使用jQuery: ```javascript $(document).ready(function() { $('#selectAll').click(function() { if ($...

    table全选反选

    jQuery表格行全选反选插件

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。

    winform通用全选反选控件

    其中上边的categorieslistbox是复选框的组件,下边 全选 其实是一个Lable点击全选后,categorieslistbox的复选框中的会被全部选中,反之其他的是一样的,若想看到更好的效果,运行下载的项目并仔细研究,应该会有更...

    html全选反选

    很简单的html全选反选,适合刚开始学习html的同学,非常实用。

    C#复选框实现全选反选和全不选

    在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先,我们需要创建一个包含复...

Global site tag (gtag.js) - Google Analytics