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

前台代码


代码如下:

<script type="text/javascript">
var a;
function CheckAll(){
if(a==1)
{
for(var i=0;i<window.document.form1.elements.length;i++)
{
var e = form1.elements[i];
e.checked =false;
}
a=0;
}
else
{
for(var i=0;i<window.document.form1.elements.length;i++)
{
var e = form1.elements[i];
e.checked =true;
}
a=1;
}
}
function CheckDel(){
var number=0;
for(var i=0;i<window.document.form1.elements.length;i++)
{
var e = form1.elements[i];
if (e.Name != "CheckBoxAll")
{
if(e.checked==true)
{
number=number+1;
}
}
}
if(number==0)
{
alert("请选择需要删除的项！");
return false;
}
if (window.confirm("你确认删除吗？"))
{
return true;
}
else
{
return false;
}
}
<asp:LinkButton ID="lbDelete" runat="server" OnClientClick="javascript:return CheckDel();" onclick="lbDelete_Click">
<img alt="" src="../images/del.gif" width="16" height="16" border="0" /> 删 除 </asp:LinkButton>
<input id="CheckBoxAll" type="checkbox" onclick="CheckAll()" />
<input id="CheckBox" name="MenuID" type="checkbox" value="<%#Eval("Menu_ID") %>" />

后台代码


代码如下:

// 删除菜单信息
protected void lbDelete_Click(object sender, EventArgs e)
{
ZZTJ.BLL.SysMenuInfo list = new ZZTJ.BLL.SysMenuInfo();
list.Delete(Request.Form["MenuID"].ToString());
BindMenus();
}

赞 (0)

相关推荐

  • JS实现复选框的全选和批量删除功能

    JS实现复选框的全选和批量删除功能

    如图示: 功能描述:在勾选了全选时,所有的商品都会勾选,在取消全选时,取消所有物品的勾选.如果点击批量删除,删除所勾选的商品. <td align="center" width="12%" > <input type="checkbox" id="allChecks" onclick="ckAll()" /> 全选/全不选 </td> //全选 function ckAl

  • jsp Hibernate批量更新和批量删除处理代码

    以下程序直接通过Hibernate API批量更新CUSTOMERS表中年龄大于零的所有记录的AGE字段: tx = session.beginTransaction();Iterator customers=session.find("from Customer c where c.age>0").iterator();while(customers.hasNext()){Customer customer=(Customer)customers.next();customer

  • jquery ajax实现批量删除具体思路及代码

    jquery ajax实现批量删除具体思路及代码

    js页面jquery代码: 复制代码 代码如下: // JavaScript Document $(document).ready(function() { // 全选 $("#allChk").click(function() { $("input[name='subChk']").prop("checked",this.checked); }); // 单选 var subChk = $("input[name='subChk']&

  • PHP jQuery+Ajax结合写批量删除功能

    为了美观,我还是引入了bootstrap的模态框,我引入的是自己的数据库 library中的一张表 名为:maninfo表 是一张个人信息表 表的加载我就不写了,比较简单,  大概写一下需要的按钮和html部分就可以了 <button type="button" class="btn btn-primary" id="plscdz" >批量删除</button> 全选: <input type="check

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

    前台代码 复制代码 代码如下: <script type="text/javascript"> var a; function CheckAll(){ if(a==1) { for(var i=0;i<window.document.form1.elements.length;i++) { var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var i=0;i<window.docum

  • javascript checkbox全选和反选的简单实现

    javascript checkbox全选和反选的简单实现 发现这样写checkbox全选和反选最简洁明了. function tempUser(val){ $("input[name='userid']").each(function() { this.checked = val; }); } <input type='checkbox' onclick="tempUser(this.checked)" /> <input type='check

  • Jquery CheckBox全选方法代码附js checkbox全选反选代码

    jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为

  • jquery、js操作checkbox全选反选

    操作checkbox,全选反选 复制代码 代码如下: //全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.checked = !this.checked; }) }

  • jQuery Checkbox 全选 反选的简单实例

    1.全选.反选 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script> <script type="text/javascript"

  • 3分钟写出来的Jquery版checkbox全选反选功能

    复制代码 代码如下: //反选 function selectnoALL() { $("input:checkbox").each(function (i) { if (this.checked) { this.checked = false; } else { this.checked = true; } }); } //全选 function selectALL() { var chelength = $("input:checkbox").length; $(

  • jquery checkbox全选反选效果代码

    jquery checkbox全选反选效果代码

    运行后查看效果,需要刷新下. jquery事件2 你最喜欢的体育运动是? 你的姓名: 足球 篮球 兵乓球 游泳 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • jQuery实现全选反选操作案例

    jQuery实现全选反选操作案例

    本文实例为大家分享了jQuery实现全选反选操作的具体代码,供大家参考,具体内容如下 全选+反选 可根据控制台结合查看结果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me

  • JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享

    JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享

    效果展示: 代码实现: 控制器 <?php namespace app\controllers; use Yii; use yii\filters\AccessControl; use yii\web\Controller; use yii\filters\VerbFilter; use app\models\LoginForm; use app\models\ContactForm; //use yii\db\ActiveRecord; use yii\data\Pagination; use

  • Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用checkbox来做,用的是imageview,选中和不选中其实是两张图片 3.默认是不显示选中的控件的,点击编辑的时候显示,点击取消的时候隐藏 4.通过adapter和activity数据之间的传递,然后进行具体的操作 具体代码如下: 在recyclerview的布局中写全选,反选,删除,计数等相

随机推荐