`

全选按钮

阅读更多

<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->  1 <SCRIPT LANGUAGE="JavaScript">
 2 
 3 var checkflag = false;
 4     function check(field) 
 5     {
 6 
 7         
 8         if (checkflag == false
 9         {
10     
11         if(field.length==null)
12         {
13     
14             field.checked=true;
15             checkflag =true;
16             //return false;
17     
18         }
19 
20             for (i = 0; i < field.length; i++
21             {
22                 
23                 field[i].checked = true;
24             }
25             checkflag = true;
26             //return "false"; 
27         }else 
28         {
29 
30         if(field.length==null)
31         {
32     
33             field.checked=false;
34             checkflag =false;
35             //return true;
36     
37         }
38             for (i = 0; i < field.length; i++
39             {
40                 field[i].checked = false
41             }
42             checkflag = false;
43             //return true; 
44         }
45     }
46 </script>
47 
48 <html>
49 <head>
50 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
51 <title>无标题文档</title>
52 </head>
53 
54 <body>
55 <form name="form1" method="post" action="">
56   <p>
57     <input type="checkbox" name="ckbox" value="checkbox"> 
58     dfg  </p>
59   <p>
60   <input type="checkbox" name="ckbox" value="checkbox"> 
61     dfg  
62 </p>
63   <p><br>
64   <input type="checkbox" name="全选" onClick="this.value=check(this.form.ckbox)">    
65        全选</p>
66   <p>&nbsp;  </p>
67 </form>
68 </body>
69 </html>
70 



分享到:
评论

相关推荐

    GridView 内加全选按钮 客户端控制

    同时,为了确保全选按钮的状态与所有行的选中状态同步,可以在GridView的`RowDataBound`事件中添加代码,检查当前行的复选框是否被选中,然后更新全选按钮的状态。 ```csharp protected void gvData_RowDataBound...

    表格中全选按钮的使用以及删除功能的实现

    在Java Web开发中,创建一个具有全选按钮和删除功能的表格是常见的需求,这能够提升用户界面的交互性和操作效率。本篇文章将详细讲解如何实现这个功能。 首先,我们需要理解表格(Table)在Web应用中的基本结构。...

    全选按钮制作javascript脚本.html

    用javascript编译的全选按钮制作javascript脚本.html

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

    在网页开发中,JavaScript(简称JS)是一种必...用户可以通过点击全选按钮一次性选中或取消所有选项,同时,当所有选项被选中时,全选按钮也会自动被选中。这个功能在网页应用中十分实用,极大地提高了用户的操作效率。

    全选,全不选,不全选按钮

    选中全选按钮,则checkbox【name=‘tids’】全部选中,有一个name为'tids'的没有选中,则全选按钮不选中,当name为'tids'全部选中,则全选自动选中

    jquery通用全选并控制操作按钮

    "jquery通用全选并控制操作按钮"这个主题是关于利用jQuery实现一种常见的用户界面功能,即在表格或者列表中提供一个全选按钮,可以一键选择所有选项,同时根据选中项的数量来控制其他操作按钮的可见性或可用性。...

    【JavaScript源代码】jQuery实现全选按钮.docx

    3. **动态更新全选按钮状态**:监听所有指定复选框的状态变化,如果所有复选框均被选中,则全选按钮也被选中;反之,若有任意一个未被选中,则全选按钮处于未选中状态。 4. **全选按钮控制所有复选框**:点击全选...

    全选按钮点击后选中全部的,通过重新刷新页面实现

    但是,如果我们假设这里有一个服务器端的C++11程序负责处理请求和更新状态,那么当全选按钮被点击时,服务器可能会接收到一个请求,该请求指示应将所有条目标记为已选中。 在C++11中,我们可以利用其现代特性如右值...

    Recyclerview配合activity全选按钮,数据不错乱

    Activity可以通过这个方法获取全选状态,更新全选按钮的外观。 通过以上步骤,你可以在RecyclerView中实现全选功能,并保持数据与Activity之间的同步,避免数据错乱。记得在处理大量数据时,始终关注性能优化,以...

    全选反选复选框/全选按钮和按钮之间关系的实现

    全选反选复选框/全选按钮和按钮之间关系的实现

    安卓listview相关相关-带全选按钮的ExpandableListView可实现全选androidstutio项目可直接运行.rar

    这个项目“安卓listview相关相关-带全选按钮的ExpandableListView可实现全选androidstutio项目可直接运行.rar”显然提供了一个实现全选功能的ExpandableListView示例,便于开发者进行学习和参考。 ...

    淘宝购物车全选js

    1. **全选按钮功能**: 当用户点击“全选”按钮时,JavaScript可以遍历页面上所有的商品复选框(checkbox),并设置它们的状态为选中。这通常通过事件监听来实现,例如使用`addEventListener`或`onclick`属性,监听...

    vue多级复杂列表展开/折叠及全选/分组全选实现

    然后,我们需要掌握如何通过数据驱动的方式初始化列表的状态,比如全选按钮的状态、折叠面板的打开状态等。接着,我们会探讨如何在Vue组件中响应数据的变化,并更新DOM。最后,我们还要掌握如何处理子项和父级之间的...

    关于购物车全选反选按钮

    本文将深入探讨购物车全选按钮在用户选择商品时的状态变化逻辑,并提供相关的编程实现思路。 首先,全选按钮的设计初衷是为了方便用户快速选取购物车中的所有商品。当用户点击全选按钮时,所有购物车条目应被默认...

    js全选按钮的实现方法

    本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下: 运行效果截图如下:   具体代码如下 &lt;html&gt; &lt;head&gt; &lt;title&gt;复选框checked属性&lt;/title&gt; [removed] function ...

    01全选按钮

    01全选按钮 + 开发规范 + 纯html+css实现 + 企业级web项目

    jquery复选框全选操作

    在本示例中,我们将聚焦于jQuery实现复选框的全选与反选功能,这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些...

    购物车小程序

    - 事件监听:对全选按钮、单选复选框、数量加减按钮添加事件监听器,监听用户的操作并触发相应的方法。 - 事件冒泡与阻止:防止事件多层传播,确保事件处理的准确性,例如点击加减按钮时,只更新当前商品的数量,...

Global site tag (gtag.js) - Google Analytics