<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的static块执行时机<转>

    一.误区:简单认为JAVA静态代码块在类被加载时就会自动执行.证错如下: class MyClass1 { static {//静态块 System.out.println("static  ...

  2. ArrayDeque

    ArrayDeque是一个基于数组的,非线程安全的,没有容量大小限制的双端队列实现 下面这张图就是添加了一些元素的数据结构图,其中head指向数据结构中的头部元素,tail指向数据结构中最后一个元素. ...

  3. C#操作word类文件

    最近频繁操作Word文档,写了很多word的操作代码及方法,虽然已经有很多关于word的操作类了,自己还是进行了一下整合: 1.通过模板创建新文件 2.在书签处插入值 3.插入表格 4.合并单元格 5 ...

  4. 1​1​.​0​5​9​2​M​晶​振​与12M晶振

    标准的51单片机晶振是1.2M-12M,一般由于一个机器周期是12个时钟周期,所以先12M时,一个机器周期是1US,好计算,而且速度相对是最高的(当然现在也有更高频率的单片机). 11.0592M是因 ...

  5. windows 搭建 subversion+TortoiseSVN

    1.版本 (a)Apache 2.2.25:httpd-2.2.25-win32-x86-no_ssl.msi (b)Subversion:Setup-Subversion-1.8.5.msi (c) ...

  6. C++（1）C++类四个默认函数---构造函数、析构函数、拷贝函数、赋值函数

    C++构造函数和析构函数 默认构造函数指不带参数或者所有参数都有缺省值的构造函数!!! (1)构造函数.析构函数与赋值函数 构造函数.析构函数与赋值函数是每个类最基本的函数.它们太普通以致让人容易麻痹 ...

  7. android Fragment 笔记

    Fragment多用于平板中,Fragment当成Activity的一个界面的一个组成部分,Fragment有自己的生命周期,但是必须依托在Activity中. 参考链接 https://develo ...

  8. Java多例模式

    多例模式又划分为有上限多例模式和无上限多例模式两种,没上限的多例模式和直接 new 一个对象没什么差别,此处不做记录. 有上限多例模式:实际上是单例模式的推广,如果它的上限是1,那么就成了单例模式了. ...

  9. 函数preg_replace()与str_replace()

    如截图,preg_replace()的用法 <?php $str="as2223adfsf0s4df0sdfsdf"; echo preg_replace("/0/ ...

  10. js中的var

    vars变量预解析 JavaScript中,你可以在函数的任何位置声明多个var语句,并且它们就好像是在函数顶部声明一样发挥作用,这种行为称为 hoisting(悬置/置顶解析/预解析).当你使用了一 ...