HTML code

全选和取消 怎么处理

function bindEvent(fun) {

var args = [];

for(var i = 1; i < arguments.length; i++) {

args.push(arguments[i]);

}

return function() {

fun.apply(this, args);

};

}

function addCheckAllEvent(name, chk1, chk2) {

var chks = document.getElementsByName(name);

for(var i = 0; i < chks.length; i++) {

chks[i].checked = this.checked;

chks[i].mouseSelect = this.checked;

}

var chk = chk1 == this ? chk2 : chk1;

chk.checked = this.checked;

}

function addCheckEvent(chk1, chk2) {

if(!this.checked && !this.mouseSelect) {

this.checked = true;

this.mouseSelect = true;

return;

}

this.mouseSelect = this.checked ? true : false;

if(!this.checked && chk1.checked) {

chk1.checked = chk2.checked = false;

}

}

window.onload = function() {

var chk1 = document.frm.chk1;

var chk2 = document.frm.chk2;

var name = 'item';

var chks = document.getElementsByName(name);

for(var i = 0; i < chks.length; i++) {

chks[i].mouseSelect = false;

chks[i].onclick = bindEvent(addCheckEvent, chk1, chk2);

chks[i].onmouseover = function() {

this.checked = true;

};

chks[i].onmouseout = function() {

if(!this.mouseSelect) {

this.checked = false;

}

}

}

chk1.onclick =

chk2.onclick = bindEvent(addCheckAllEvent, name, chk1, chk2);

}

全选

选项一

选项二

选项三

选项四

选项五

选项六

选项七

选项八

全选

------解决方案--------------------

今天手气不错,此段代码一次写成,没debug,

下面代码适应性很强,其实你不需要like匹配功能你用的时候checkbox名字都取成一样的例如abc就行了,后台得到的是一个数组,遍历数组删除就行了,checkbox的value就是要删除对象的idHTML code

Insert title here

String.prototype.startWith = function(chars){

var matchString = new RegExp("^" + chars) ;

return this.match(matchString) != null ;

}

function demo(isChk,name){

var es=document.getElementsByTagName("input");//必要的时候这里可以优化速度

for(var i=0;i

var eck=es[i];

if(eck.type=='checkbox'&&eck.name.startWith(name)){

eck.checked=isChk;

}

}

}

全选

我是用于对比的

java里部分文件全选怎么整,全选和取消 怎么办相关推荐

  1. 配置Eclipse支持java和xml文件的代码补全功能

    本文介绍如何配置Eclipse,使得在编写代码时无论是*.java还是*.xml文件都能够通过使用ALT+/快捷键实现代码不全的功能. 本文实验环境为:Windows 7 + Eclipse 一.配置 ...

  2. java里部分文件全选怎么整_选定全部文件的快捷键-怎么全选文件夹的文件-文件...

    在电脑中,选取文件有很多种方法,单选一个就是用鼠标直接点击你要选取的文件即可,如果要选两个或两个以上,则要配合功能键shift和ctrl一起使用,选取连续的两个或两个以上的文件时,先按下shift(必 ...

  3. java里的文件显示繁体_关于在JSP页面上同时显示简体和繁体的问题(字符编码)...

    编写过JSP页面的朋友大概对于中文乱码问题已经是司空见惯了,网上对于这方面问题的解决办法也很多,在此我就不多赘述了. 但是最近我遇到了一个问题,就是我编写过的页面,有时候会显示繁体字:而这个是通常的G ...

  4. 全选和全不选(管理员列表)----html文件

    代码功能: 对每个选项进行选择,如果中间四个全选则自动定义为全选,如果点击删除选定按钮,则会撤销全部选择. 界面: HTML代码: <!DOCTYPE html> <html> ...

  5. 上传文件、视频、图片、全选、全不选、截屏直接粘贴图片

    上传文件.视频.图片.全选.全不选.截屏直接粘贴图片 控制器代码:ObUnitsController.php <?phpnamespace App\Admin\Controllers;use A ...

  6. html表单全选框,form表单里如何实现全选和全不选

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果. javascript实现全选和全不选效果: 1.首先你 ...

  7. java模拟网易邮箱登录_使用服务端和客户端两种方法 模拟网易邮箱实现全选,全不选的功能...

    服务端和客户端的差别是 服务端在每次全选或全不选是都要刷新界面 而客户端不会 服务端: 前台 DataKeyNames="id" DataSourceID="SqlDat ...

  8. Java面试笔试题大汇总(最全+详细答案)

    声明:有人说, 有些面试题很变态,个人认为其实是因为我们基础不扎实或者没有深入.本篇文章来自一位很资深的前辈对于最近java面试题目所做的总结归纳,有170道题目 ,知识面很广 ,而且这位前辈对于每个 ...

  9. 【转】Android 带checkbox的listView 实现多选,全选,反选 -- 不错

    原文网址:http://blog.csdn.net/onlyonecoder/article/details/8687811 Demo地址(0分资源):http://download.csdn.net ...

最新文章

  1. 独家 | 秘籍:10个Python字符串处理技巧(附代码)
  2. 12.Azure应用程序网关(下)
  3. 【收藏】使用springboot构建rest api远程提交spark任务
  4. spring boot aop 记录方法执行时间
  5. CC1101超低功耗无线模块在物联网能门锁中的应用
  6. matlab 光谱噪声,环境小卫星高光谱影像条纹噪声去除程序IDL版
  7. 何宾 单片机原理及应用_STC单片机原理及应用——从器件、汇编、C到操作系统的分析和设计(立体化教程)(第2版)...
  8. idea js检查太卡_IntelliJ IDEA抑制、禁用与启用检查
  9. python运行出现SyntaxError: 'return' outside function的原因和解决办法
  10. mysql中的explain_mysql中的explain分析
  11. python 用法 argparse.ArgumentParser()用法解析
  12. vb和python语言的区别大吗_vb语言为什么被淘汰
  13. 路由与交换技术(常用版)
  14. C# - [实践] 电子词典
  15. 韩顺平php ecshop,ecshop教程
  16. xctf-supersqli
  17. 【Win7快速清理痕迹】
  18. 【错误记录】安卓项目编译报错 ( offline mode 错误 )
  19. vs无法打开源文件_南美预选:乌拉圭vs巴西,双方核心都无法上场,谁来打开胜利之门?...
  20. Primeng PrimeFlex 的使用总结 (Angular 10)

热门文章

  1. 珠海云服务器散热器定做,我家云之瞎乱改造(散热+扩存)篇一
  2. nginx 正向代理http和https
  3. Android user版通过adb_enable开启adb 调试 不提示对话框
  4. 【HNU分布式与云计算系统】MPI实现矩阵乘矩阵运算
  5. mysql算gps距离_mysql JS 计算两GPS坐标的距离函数:
  6. JSP爱心宠物诊所系统设计与实现
  7. Vue.directive()的用法和实例
  8. 抽奖活动mysql表设计_购物商城数据库设计-商品表设计
  9. 乐鑫Esp32学习之旅28 分享在 esp32 SDK实现驱动 Flash W25Q32 的封装,扩大容量存储更多的资源。(开源源码工程)。
  10. 说明人工神经网络的原理,人工神经网络结构图