<html>

<head>

<title>test</title>

<script language="javascript">

function ReSel(){

    for(i=0;i<document.form1.logs.length;i++){  //这一用法只对form表单有效

        document.form1.logs[i].checked = true;  //如果是实现【全不选】的话，改成false即可

    }

}

function SeSel(){

    for(i=0;i<document.form1.logs.length;i++){

        if(document.form1.logs[i].checked) document.form1.logs[i].checked = false;

        else document.form1.logs[i].checked = true;

    }

}

function DelSel(){

     var nid = getCheckboxItem();

     if(nid==""){

          alert("请选择项目!\r\n");

          return ;

     }

     location.href = "member_activation.php?dopost=del&ids="+nid;

}

//获得选中文件的文件名

function getCheckboxItem(){

     var allSel="";

     if(document.form1.logs.value) return document.form1.logs.value;

     for(i=0;i<document.form1.logs.length;i++)

     {

         if(document.form1.logs[i].checked){

             if(allSel=="")

                 allSel=document.form1.logs[i].value;

             else

                 allSel=allSel+"-"+document.form1.logs[i].value;

         }

     }  

     return allSel;

}

</script>  

</head>

<body>  

<table>

    <tr>

      <td>列表</td>

    </tr>

    <tr>

      <td>选择</td>

      <td>id</td>

      <td>名字</td>

    </tr>

    <form name="form1">

         {foreach  name="list"  key='key' item='val'}

        <tr>

          <td><input name='logs' type='checkbox' value='{$val.id/}' /></td>

          <td>{$val.id}</td>

          <td>{$val.name}</td>

        </tr>

        {/foreach}

    </form>

    <tr bgcolor="#ffffff">

     <td height="36" colspan="9">

        <a class="coolbg" onClick="ReSel();" >全选</a>

        <a class="coolbg" onClick="SeSel();" >反选</a>

        <a class="coolbg" onClick="DelSel();">删除</a>

     </td>

    </tr>

</table>  

</body>

</html>

js实现表单项的全选、反选以及删除操作的更多相关文章

  1. angularJS 全选反选批量删除

    <th> <label for="flag"> <span ng-hide="master">全选</span> ...

  2. 分别用js和jq实现百度全选反选效果

    js实现过程 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  3. 表单Checkbox全选反选全不选

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. JavaScript实现表单的全选,反选,获取值

    构思 通过for循环和for in循环来实现,界面效果如下 步骤 全选: 循环给所有的表单设置checked 反选: 循环内判断checked是否为true,如果为true则改为false否则改为tr ...

  5. jQuery实现checkbox全选反选及删除等操作

    1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...

  6. 关于jquery全选反选 批量删除的一点心得

    废话不多说直接上代码: 下面是jsp页面的html代码: <table id="contentTable" class=""> <thead& ...

  7. jQuery实现全选/反选和批量删除

    <%@ page language="java" contentType="text/html; charset=utf-8"     pageEncod ...

  8. php--jquery操作全选、批量删除、加减行

  9. BootStrapt iCheck表单美化插件使用方法详解（含参数、事件等） 全选 反选

    特色: 1.在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 2.支持触摸设备 — iOS.Android.BlackBerry.Windows Phone等系统 4.方便 ...

随机推荐

  1. 在Window下安装解压版的mysql 5.7.11

    今天由于要在windows下学习Kettle,因此在Windows下安装了mysql 5.7.11,本来是没什么大问题的,但是在启动服务时还是出了点问题,服务老是启动不了: (一)解压到安装路径:   ...

  2. USB 之传输编码格式 NRZI 介绍

    记录NRZI (Non-Return-to-Zero Inerted code) 非归零翻转编码,之前,我先稍微记录一下他的前身. RZ 编码(Return- to - zero coding) RZ ...

  3. linux下ppp拨号无线上网

    linux下用ppp上网需要两个程序:pppd和chat.ubuntu自带pppd和chat,可以使用man查看具体使用方法. 典型的ppp拨号需要准备几个文件: 1. pppd脚本. 2. chat ...

  4. 创建一个简单的 MDM server(1)

    前提:已获得 APNS 证书 ,已完毕 MDM 配置描写叙述文件的制作.请參考< MDM 证书申请流程 >一文和<配置MDM Provisioning Profile>. 环境 ...

  5. 关于在Andoird集成开发软件中添加外部jar包的方法

    步骤必须是下面的两步,少一步都不行. 第一步是存放于项目中,第二步是导入和应用于项目中. 1.右键项目-Build Path-Configure Build Path-在Libraries目录下-点右 ...

  6. selenium定位方法（java实例）（二）

    从下图中可以看到selenium有三类定位元素的方法,一种是直接通过属性.标签以及链接来定位,一种是XPath方式,最后一种是CSS方式. 下表列举了元素定位的例子 selenium之页面元素定位方法 ...

  7. R语言低级绘图函数-points

    points 用来在一张图表上添加点,指定好对应的x和y坐标,就可以添加不同形状,颜色的点了: 基本用法: 通过x和y设置点的坐标 plot(1:5, 1:5, xlim = c(0,6), ylim ...

  8. Mysql中Innodb大量插入数据时SQL语句的优化

    innodb优化后,29小时入库1300万条数据 参考:http://blog.51yip.com/mysql/1369.html 对于Myisam类型的表,可以通过以下方式快速的导入大量的数据: A ...

  9. Spring-Condition设置

    为了满足不同条件下生成更为合适的bean,可以使用condition配置其条件.假如有一个bean,id为magicBean,只有当其具有magic属性时才生成,方法如下: javaConfig模式: ...

  10. Python学习笔记（三）——迭代

    知识点 迭代 迭代 什么是迭代呢?和递归又有什么区别呢? 根据维基百科和网上的资料: 迭代:迭代是重复反馈过程的活动,其目的通常是为了接近并到达所需的目标或结果.每一次对过程的重复被称为一次“迭代”, ...