`
happyzpx
  • 浏览: 29405 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

asp下实现全选反选删除 checkbox

    博客分类:
  • ASP
 
阅读更多
asp下实现全选反选删除 checkbox (2012-03-30 20:08:07)转载

    通过ASP如何实现全选反选的操作呢,asp页面中用javascript进行checkbox的全选反选的所有操作。
首先请看下面这样一个javascript事件:
function checkAll(obj)
{
for(var i=0;i<document.all.length;i++)
{
if (document.all(i).type=="checkbox")
{
switch(obj)
{
case 1:document.all(i).checked=true;break; //全选
case 2:document.all(i).checked=false;break; //不选
case 3:{if(document.all(i).checked==true){document.all(i).checked=false;}else{document.all(i).checked=true;}}break; //反选
}
}
}
return false;
}
我们可以这样来触发这个事件:<input type="radio" onclick="checkAll(1)" name="allbox" value="" /> 全选 <input type="radio" onclick="checkAll(2)" name="allbox" checked="true" value="" /> 全不选 <input type="radio" onclick="checkAll(3)" name="allbox" value="" /> 反选
我们给obj传值1的时候就是全选,2的时候就是不选,3的时候就是反选,当然我没有做这么复杂,只做了一个反选按钮,没有选的时候反选就是全选,全选的时候反选就是不选,如果你也是这样想的话,就把代码改成这样的:
function checkAll()
{
for(var i=0;i<document.all.length;i++)
{
if (document.all(i).type=="checkbox")
{
if(document.all(i).checked==true)
{document.all(i).checked=false;}
else{document.all(i).checked=true;}
}
}
return false;
}
然后只需要用一个按钮来触发就可以了。<input onclick="checkAll()" type="button" value="反选">
用这样一个按钮,就可以同时实现上面三个按钮所实现的功能。
代码很简单,document.all就是得到页面中所有的控件,然后逐一判断是不是checkbox,如果是的话判断这个checkbox是否被选中,如果已选中就给置为false,如果没有选中就给置为true就好了。

以前我在asp.net中做这个操作的时候总是把id号一个一个取出来,然后一个一个删除,后来我发现,这样操作要执行多个sql语句,要请求多次sql数据库,这样太浪费资源了,于是就在想能不能用一条sql全解决呢,后来就查到了这个办法,代码如下:
function Delete() //删除
{
var m=0;
flag=false;
var str="";
for(i=0;i<document.all.length;i++)
{
if(document.all(i).type=="checkbox" && document.all(i).checked==true)
{
str+=document.all(i).value+",";
flag=true;
m++;
}
}
if(!flag)
{
alert("你没有选中任何数据");
return false ;
}
if(confirm('您确定要删除以上'+m+'条信息吗?'))
{
location.href="?action=del&idlist="+str;
}
else
{
return false;
}
}
当点击删除按钮的时候执行这个javascript事件,然后把所有的id号用逗号分隔存在一个字符串idlist里再用get方式传给本页面,然后在页面接收到这个请求的时候把字符串用split分隔成数组,拼成类似 delete from information where id=1 or id=2 or id=3 这样的语句,无限的拼下去,然后一次性执行,这样就可以一下解决了。
分享到:
评论

相关推荐

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

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    checkbox全选反选与批量删js+asp源码

    本示例“checkbox全选反选与批量删js+asp源码”提供了一个结合JavaScript和ASP技术来实现这一功能的解决方案。 首先,我们来看JavaScript部分。JavaScript是一种运行在浏览器端的脚本语言,它用于控制网页的动态...

    Asp.net CheckBoxList操作集合

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

    asp.net(C#)DropDownList控件里CheckBox全选、反选和删除

    asp.net(C#),DataList控件里嵌入CheckBox,实现全选、反选以及删除功能。

    商业编程-源码-GridView全选反选示例源码.zip

    这个"商业编程-源码-GridView全选反选示例源码.zip"文件很可能是包含了一个实现此功能的示例项目,供开发者参考学习。 在GridView中实现全选和反选通常涉及到以下几个关键知识点: 1. **CheckBoxField**:在...

    GridView全选/反选示例 用checkbox

    在本示例中,我们将探讨如何实现GridView中的全选/反选功能,通过复选框(checkbox)来实现这一操作。这个示例特别适合于那些需要用户批量处理数据的应用场景。 首先,`Default.aspx`是用户界面的主要部分,它包含...

    TreeView CheckBoxes 全选与反选

    通过为TreeNode添加CheckBox,我们可以让用户选择特定的节点,并通过递归处理来实现全选和反选的效果。 1. **添加CheckBoxes到TreeView** 要在TreeView的每个节点上显示CheckBox,我们需要设置`ShowCheckBoxes`...

    基于C#的全选,反选,取消,删除

    本篇文章将深入探讨基于C#语言的四种常见操作:全选、反选、取消选择以及删除,这些操作通常在具有大量数据展示的表格或列表中使用,如在ASP.NET的GridView控件中。 ### 全选功能 全选功能允许用户一次性选择表格...

    VS08快捷键,Asp.net JS复选框全选,反选

    对于复选框(checkboxes)的全选和反选,可以通过JavaScript的DOM操作来实现。以下是一个基本示例: ```javascript // 获取复选框的数组 var checkboxes = document.getElementsByName('checkboxGroup'); // 定义...

    GridView全选_反选示例源码

    3. **实现全选/反选逻辑**:在复选框的Click事件中,我们需要遍历GridView的所有行,通过设置每一行的CheckBox控件的Checked属性来实现全选或反选。这里需要用到GridView的Rows集合,以及CheckBox的Checked属性。 4...

    asp.net gridview实现全选,反选与删除记录的操作代码

    本文介绍了如何在GridView中实现全选、反选以及删除记录的操作。 首先,为了实现全选和反选功能,通常需要在GridView中添加一个CheckBox列。在***的GridView中,我们可以通过设置Columns集合来添加特定类型的列,如...

    asp.net GridView控件中模板列CheckBox全选、反选、取消

    代码如下:using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI;...

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

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

    AjaxPro实例集合实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等..

    实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子,程序里面很多地方做了注释,通俗易懂...

    javaScript checkbox 全选/反选及批量删除

    本文介绍了使用JavaScript实现checkbox全选、反选以及批量删除的功能。以下将详细介绍相关知识点: 1. Checkbox全选/反选功能实现: - 通过创建一个全选的checkbox(通常命名为"CheckBoxAll"),并为它绑定一个...

    gridview checkbox从服务器端和客户端两个方面实现全选和反选

    为了在不触发服务器端回发的情况下实现这一功能,我们需要使用JavaScript或者jQuery。首先,在GridView的HeaderTemplate中,添加一个JavaScript点击事件到CheckAll Checkbox,如下: ```html &lt;asp:CheckBox ID=...

    全选、反选及漂亮的模态提示框功能

    同时,ASP.NET还提供了服务器控件如GridView、ListView等,它们可以方便地结合jQuery实现全选、反选的功能,并且可以自定义模板来包含模态提示框。 综上所述,"全选、反选及漂亮的模态提示框功能"在网页开发中是...

    GridView中加上CheckBox 的全选功能的代码

    本教程将详细讲解如何在GridView中实现CheckBox的全选与反选功能,并进一步说明如何通过用户的选择执行相应的逻辑。 首先,创建一个包含数据的GridView。在后台代码或直接在ASP.NET页面上动态绑定数据,确保...

    javascript中CheckBox全选终极方案.docx

    本文将详细介绍如何在ASP.NET环境中利用JavaScript实现CheckBox全选功能,并提供完整的示例代码。 #### 关键知识点 ### 1. CheckBox全选原理 在实现CheckBox全选功能之前,我们首先需要理解其实现的基本原理。...

Global site tag (gtag.js) - Google Analytics