`
qxmcool
  • 浏览: 93584 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

复选框全选发选取消

阅读更多
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  <script   language="javascript">  
  <!--  
      function   SelectIterm(form,sign)  
          {  
      for   (var   i=0;i<form.elements.length;i++){  
          if(form.elements[i].type=='checkbox'){  
                var   e=form.elements[i]  
                  if   (sign==0)   e.checked=true;  
  if(sign==1)   e.checked=!e.checked;  
  if(sign==2)   e.checked=false;}  
     
  }}    
  -->  
  </script>  
   
   
  </head>  
   
   
  <body>  
  <form   name="myform"   >  
  <table   width="576"   border="0"   cellpadding="0"   cellspacing="0">  
      <!--DWLayoutTable-->  
      <tr>  
          <td   width="101"   height="27"   valign="top"><input   type="checkbox"   name="checkbox7"   value="checkbox"></td>  
          <td   width="111"   valign="top"><input   type="checkbox"   name="checkbox8"   value="checkbox"></td>  
          <td   width="364"   valign="top"><input   type="checkbox"   name="checkbox9"   value="checkbox"></td>  
      </tr>  
      <tr>  
          <td   height="24"   valign="top"><input   type="checkbox"   name="checkbox6"   value="checkbox"></td>  
          <td   valign="top"><input   type="checkbox"   name="checkbox5"   value="checkbox"></td>  
          <td   valign="top"><input   type="checkbox"   name="checkbox4"   value="checkbox"></td>  
      </tr>  
      <tr>  
          <td   height="25"   valign="top"><input   type="checkbox"   name="checkbox3"   value="checkbox"></td>  
          <td   valign="top"><input   type="checkbox"   name="checkbox2"   value="checkbox"></td>  
          <td   valign="top"><input   type="checkbox"   name="checkbox1"   value="checkbox"></td>  
      </tr>  
      <tr>  
          <td   height="35"   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="33"   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="35"   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="33"   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="18"   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
          <td   valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>  
      </tr>  
  </table>  
  <a   href="javascript:SelectIterm(myform,0);">全选</a>  
  <a   href="javascript:SelectIterm(myform,1);">反选</a>  
  <a   href="javascript:SelectIterm(myform,2);">取消</a>  
  </form>  
   
   
  </body>  
  </html>  
分享到:
评论

相关推荐

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

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

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    DataGridView 复选框全选。

    以上就是实现`DataGridView`复选框全选功能的基本步骤。在实际应用中,你可能还需要考虑更多细节,比如如何同步模型数据、处理行插入和删除等。通过这个功能,用户可以更便捷地对大量数据进行批量操作,极大地提高了...

    复选框全选全不选JS代码

    本文将深入探讨“复选框全选全不选JS代码”的实现原理、应用场景以及如何优化这段代码,以便开发者能够更好地理解和运用到实际项目中。 ### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,...

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    QTableWidget表头添加复选框实现全选功能

    有时候,我们希望在表格的表头中添加复选框,以便实现全选或取消全选的功能,这在处理大量数据时尤其有用。本篇文章将详细解释如何在`QTableWidget`的表头中添加复选框并实现全选功能。 首先,我们需要了解`...

    jquery 复选框 全选,全不选

    &lt;title&gt;jQuery 复选框全选全不选示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;input type="checkbox" id="selectAll"&gt; 全选 ...

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    axure复选框全选反选效果.rp

    axure复选框全选反选效果.rp

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品。本文档将会介绍如何使用Vue.js结合Vant-UI组件库来实现这一功能。 #### 2. Vant-UI和Vue.js简介 **Vue.js** 是一个构建用户界面的渐...

    jquery复选框全选操作

    以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目中,你可能还需要考虑一些边缘情况,例如当子复选框动态添加或删除时,全选状态的更新等。这个小示例提供了一个基础框架,开发者可以根据具体需求进行...

    JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2 .0

    在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...

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

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

    树结构 复选框 多选 全选功能

    在IT领域,尤其是在前端开发中,"树结构 复选框 多选 全选功能"是一个常见的交互设计模式,广泛应用于数据管理、文件系统、菜单导航等场景。这一功能的实现涉及到数据结构、事件处理、状态管理等多个方面的技术。 ...

    JQ 复选框全选反选

    "JQ 复选框全选反选"是jQuery应用中的一个常见功能,主要用于增强用户界面的交互性。在网页中,复选框常常用于让用户多选选项,而全选和反选功能则提供了方便快捷的选择所有或取消所有选项的方式。 首先,我们需要...

    复选框全选和反选.zip

    在IT领域,尤其是在前端开发中,复选框全选和反选是一个常见的功能需求,它通常出现在表格或者列表中,允许用户一次性选择或取消选择所有项目。这个"复选框全选和反选.zip"文件可能包含了一个JavaScript实现的解决...

    jQuery一句话实现复选框全选取消

    在处理大量复选框时,全选和取消全选的功能非常实用,能够提高用户体验。jQuery作为一款轻量级的JavaScript库,提供了一种简洁、高效的方式来操作DOM元素,实现复选框的全选和取消全选功能。 本文将详细讲解如何...

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

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

    行的增删,复选框全选全不选

    在IT领域,尤其是在开发用户界面或者数据管理应用时,“行的增删”和“复选框全选全不选”是常见的功能需求。这两个概念主要涉及到数据操作和用户交互设计。 1. **行的增删**: 行的增删通常出现在表格或者列表...

    jquery 、js实现复选框 (全选、反选)

    #### 一、jQuery实现复选框全选与反选 **1.1 全选功能** 首先来看全选功能的实现。全选即用户点击某个按钮后,页面上所有的复选框都将被选中。 ```javascript // 全选 function checkAll() { $(":checkbox")....

Global site tag (gtag.js) - Google Analytics