<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. udev规则以及编写

    主要内容: udev简介 如何配置和使用udev 如何编写udev规则 字符串替换和匹配 udev主要作用 编写udev规则实例 难点解析 1. udev简介 1.1 什么是udev? udev是Li ...

  2. 为什么手机无法执行应用? Values之谜

    欢迎Follow我的GitHub, 关注我的CSDN, 精彩不断! CSDN: http://blog.csdn.net/caroline_wendy/article/details/68923156 ...

  3. Windows消息目录

    Windows消息目录1. WM_NULL=$0000:2. WM_CREATE=$0001: 应用程序创建一个窗口3. WM_DESTROY=$0002: 一个窗口被销毁4. WM_MOVE=$00 ...

  4. PCL,VTK及其依赖库的编译-十分详细

    所有库的编译教程都很详细,全都上传到百度文库. 1.VS2013-Qt5.5.1-动态编译-VTK7.0.0http://wenku.baidu.com/view/749528a433687e21ae ...

  5. ajax回调函数中使用$(this)取不到对象的解决方法

    如果在ajax的回调函数内使用$(this)的话,实践证明,是取不到任何对象的,需要的朋友可以参考下 $(".derek").each(function(){ $(this).cl ...

  6. 联合主键用hibernate注解映射方式主要有三种：

    将联合主键的字段单独放在一个类中,该类需要实现java.io.Serializable接口并重写equals和hascode 第一.将该类注解为@Embeddable,最后在主类中(该类不包含联合主键 ...

  7. matplotlib中的legend()——用于显示图例

    legend()的一个用法: 当我们有多个 axes时,我们如何把它们的图例放在一起呢?? 我们可以这么做: import matplotlib.pyplot as plt import numpy ...

  8. TinyOS节点间通信相关接口和组件介绍

    一.基本通信接口:   Packet:提供了对message_t抽象数据类型的基本访问.这个接口的命令有:清空消息内容,获得消息的有效载荷区长度,获得消息有效载荷区的指针. //tos/interfa ...

  9. js数组去重。。(拷的别人代码)

    function unique(arr) { var result = [], hash = {}; for (var i = 0, elem; (elem = arr[i]) != null; i+ ...

  10. SVN版本冲突，导致出现Files 的值“ < < < < < < < .mine”无效。路径中具有非法字符。

    SVN版本冲突,导致出现Files 的值“ < < < < < < < .mine”无效.路径中具有非法字符. 右键编辑.... 打开并删除含有'<&l ...