<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. kubernetes生态圈

    1:helm(部署工具,可以用来部署常用的应用,替代kubelet原生命令) https://github.com/kubernetes/helm 应用列表:https://github.com/ku ...

  2. js类型转换 之 转数字类型

    手动将各类型 转换成 数字类型 JS提供了三种方法: Number(object); parseInt(string, radix); parseFloat(string, radix). 三种方法具 ...

  3. JS 播放列表收缩展开

    下面要做实现的效果 收缩和展的功能 遵循网页布局,行为,结构,样式 分离 下面是html 结构代码: <div id="drop" class="down_list ...

  4. 第三百零三节，Django框架介绍——用pycharm创建Django项目

    Django框架介绍 Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的软件设计模式,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内 ...

  5. 单精度浮点数（float）加法计算出错

    场景: 一个float型的变量赋值1170601,加上19000000,结果出现错误. 原因: float占用4个字节(32位)存储空间,包括符号位1位,阶码位8位,尾数23位.浮点数精度与它的尾数有 ...

  6. PHP与ASP.NET的优劣比较

    PHP与ASP.NET的比较 表 1 PHP 4 PHP5 ASP.NET 软件价格 免费 免费 免费 平台价格 免费 免费 $$ 速度 强 强 弱 效率 强 强 弱 安全性 强 强 强 平台 强 强 ...

  7. mysql命令行远程登录命令

    mysql -u root -psalon365365 -h 192.168.1.103 -P 3 306 -D empirecms

  8. （转）SDL 1.2 to 2.0 Migration Guide--SDL1.2更新到SDL2.0指南

    SDL 1.2 to 2.0 Migration Guide 目录 SDL 1.2 to 2.0 Migration Guide Translations Introduction Overview ...

  9. linux -- 进程管理和作业控制

    一. 作业控制 1. 直接将命令放到后台"执行": &  [root @test /root ]# command & 范例: [root @test /root] ...

  10. LabVIEW中数组的自动索引

    我们在LabVIEW里面使用While或者是For循环结构的时候,就会发现每一个循环中在它们的循环结构的边界都可以自动完成一个数组元素的索引或累积.LabVIEW中循环结构的这种能力就叫做自动索引(A ...