`

checkboxList 全选的代码

    博客分类:
  • js
阅读更多
<script language="javascript" type="text/javascript">
var selectAllFlg = false;

function selectAll() {
	var list = document.getElementById("waveDataListTable").getElementsByTagName("input");
	
	for (var i = 0; i < list.length; i++) {
		var ctrl = list[i];
		
		if (ctrl.type == "checkbox") {
			var s = selectAllFlg ? ctrl.checked = false : ctrl.checked = true;
		}
		
	}
	
	selectAllFlg = !selectAllFlg;
}
</script>

  <table id="waveDataListTable" width="800" border="1">
  <tr>
    <td width="42" height="36">No</td>
    <td width="340">名称</td>
    <td width="292">测试号</td>
    <td width="98">选择<br />
      <u>
	  <a href="javascript:selectAll();">(全选/取消)</a>
	  </u>      </td>
  </tr>
  <tr>
    <td>1</td>
    <td>Vibration_01</td>
    <td>channel_01</td>
    <td>
      <input type="checkbox" name="checkbox[0]" value="checkbox" />    </td>
  </tr>
  <tr>
    <td>2</td>
    <td>Vibration_01</td>
    <td>channel_02</td>
    <td><input type="checkbox" name="checkbox[1]" value="checkbox" /></td>
  </tr>
  <tr>
    <td>3</td>
    <td>Vibration_01</td>
    <td>channel_03</td>
    <td><input type="checkbox" name="checkbox[2]" value="checkbox" /></td>
  </tr>
</table>
分享到:
评论

相关推荐

    Asp.net CheckBoxList操作集合

    本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选功能,并结合JavaScript进行交互式操作。 首先,我们来了解`CheckBoxList`的基本结构。在ASP.NET中,CheckBoxList控件...

    CheckBoxList全选反选添加删除

    以上就是关于"CheckBoxList全选反选添加删除"的知识点。在实际开发中,你还需要处理一些细节,比如界面设计、事件响应等。提供的源码"StudyCheckBoxList"应该包含了实现这些功能的具体代码,可以作为学习和参考的...

    checkbox的几种全选方法

    ### Checkbox的几种全选方法 在网页开发过程中,Checkbox(复选框)是十分常见的一个元素,用于收集用户的多选信息。为了方便用户操作,往往需要实现“全选”功能,即通过一个控制按钮来控制一组Checkbox的选择状态...

    CheckBox全选并删除

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

    flex4 list全选,反选

    这是一个简单的CheckList类,它扩展了List并添加了一个全选CheckBox。当CheckBox状态改变时,会更新数据Provider中所有数据项的selected属性。 6. **优化与注意事项**: - 为了提高性能,可以在数据量较大的情况...

    CheckBox实现多选、全选、反选功能

    本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能,这对于构建具有选择列表的应用非常关键。 首先,我们从基础开始。CheckBox的用法很简单,通常在XML布局文件中定义: ```xml &lt;CheckBox android:id="@...

    CheckBox为CheckBoxList实现全选或全取消选择(js代码实现)

    本示例中,我们将探讨如何使用JavaScript实现CheckBoxList的全选与全取消功能,这在商品管理后台等场景中非常实用。 首先,我们需要准备一个数据模型,例如`MusicType`类,用于存储音乐类型的相关信息,包括ID和...

    vue使用vant中的checkbox实现全选功能

    本文实例为大家分享了vue使用vant中的checkbox实现全选功能的具体代码,供大家参考,具体内容如下 &lt;ul class=list&gt; (item, key=index&gt; class=listli &gt; &lt;p&gt;{{ item.name

    ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

    这章内容比较简单,直接上页面代码: 代码如下: &lt;&#37;@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Recipe6.aspx.cs” Inherits=”Recipe6″ %&gt; &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML ...

    js操作CheckBoxList实现全选/反选(在客服端完成)

    对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成。 具体方法: 在...

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

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

    aspx中checkboxList扩展

    “aspx中checkboxList扩展”这个主题主要涵盖了如何通过自定义代码或者使用第三方库来增强CheckboxList控件的功能。这包括但不限于以下几个方面: 1. 数据绑定优化:原生的CheckboxList控件在数据绑定时可能不够...

    CheckBoxList的操作

    4. **实现全选/全不选功能**:可以创建一个名为`select_all`的checkbox控件,当该控件被选中时,所有CheckBoxList项都应被选中;反之,全部取消选中。可以通过事件处理程序实现: ```csharp private void select_...

    Android 带CheckBox的ListView 实现多选,全选,反选,删除效果

    本文将详细介绍如何在Android应用中实现一个带有`CheckBox`的`ListView`,并实现全选、反选、删除等功能。 #### 项目结构与依赖 项目中包含的主要类有: - `MainActivity.java`:主要逻辑和界面展示。 - `...

    选中/取消选中CheckBoxList中的所有复选框

    在实际应用中,你可能需要为CheckBoxList添加一个全选/全不选的复选框,当用户点击这个复选框时,调用上述的JavaScript或jQuery函数。同时,确保在提交表单时,后端代码能够正确处理选中的复选框。 总结,实现选中...

    Android的ExpandableListView+CheckBox全选

    总结起来,"Android的ExpandableListView+CheckBox全选"涉及到的知识点有:`ExpandableListView`的使用,自定义适配器`ExpandableListAdapter`,`CheckBox`的事件监听,以及全选和反选功能的实现。通过以上步骤,...

    常用的js全选checkbox按钮的功能

    在JavaScript(JS)中,全选复选框(checkbox)是一项常见的功能,它允许用户一键选择页面上所有的可选项。这个功能广泛应用于数据表格、表单以及任何包含多个选择的界面中,提升用户体验,简化操作流程。在本篇讨论...

    listview带checkbox全选、取消功能精简版

    它可能包含了上述逻辑的完整代码,包括Adapter的实现、全选/取消全选逻辑以及对ListView的操作。 总的来说,"listview带checkbox全选、取消功能精简版"是一个教你如何在Android应用中实现ListView与Checkbox交互的...

Global site tag (gtag.js) - Google Analytics