<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. Java 加载配置文件的方式

    一 使用原生方式读取配置文件 1 文件系统加载 Java代码   InputStream in = new FileInputStream("config.properties") ...

  2. 内核模块module传参

    linux 2.6允许用户insmod的时候往内核模块里面传递参数,它主要使用module_param宏定义来实现这一功能. 参数应用 module_param(name, type, perm); ...

  3. C++ 递归实现汉诺塔

    C++实现汉诺塔 #include <iostream> using namespace std; void move(int n,char x,char y,char z) { ) { ...

  4. debian配置ftp

    大家好,最近几天我在配置vsftpd,总结出如何更快的配置vsftpd1.我的系统是debian 5.02.安装 vsftpd, apt-get install vsftpd3.配置 vsftpdcd ...

  5. unicode编码转汉字

    String hexB = Integer.toHexString(utfBytes[byteIndex]);   //转换为16进制整型字符串 if (hexB.length() <= 2)  ...

  6. Javascript 你不知道的事，好吧，是我不知道的事

    NaN表示一个不能产生正常结果的运算结果.它不等于任何值,包括它自己.可以用isNaN(number)来检测. 同Java中的字符串一样,JS中的字符串是不可变的.也就是说一旦字符串被创建,就无法改变 ...

  7. JavaScript 杂乱的小总结

    基本类型只有String.number.boolean.null.undefined,还有一个Object.存在装箱类型,不过后台自动转换. 通过new创建对象时,如果没有参数,可以省略“()”.-- ...

  8. jquery-修改、回退结果集

    1.end()方法 使用end方法得到上一个结果集 2.addBack()方法 使用addBack()可以得到原结果集与当前结果的合集,也可传入选择器来过滤原结果集

  9. poj 3414 Pots（广搜BFS+路径输出）

    转载请注明出处:http://blog.csdn.net/u012860063?viewmode=contents 题目链接:id=3414">http://poj.org/probl ...

  10. 【算法】CRF

    http://www.open-open.com/doc/view/7e983c0bf1594849bcd088dc212098c4 http://wenku.baidu.com/link?url=c ...