比较全的JS checkbox全选、取消全选、删除功能代码


Posted in Javascript onDecember 19, 2008

看下面两种实现方法:
JS checkbox 方法一:

function checkAll() 
{ 
var code_Values = document.all['code_Value']; 
if(code_Values.length){ 
for(var i=0;i<code_Values.length;i++) 
{ 
code_Values[i].checked = true; 
} 
}else{ 
code_Values.checked = true; 
} 
} 
function uncheckAll() 
{ 
var code_Values = document.all['code_Value']; 
if(code_Values.length){ 
for(var i=0;i<code_Values.length;i++) 
{ 
code_Values[i].checked = false; 
} 
}else{ 
code_Values.checked = false; 
} 
} 
function multipleDelete() 
{ 
var num = 0; 
var code_Values = document.all['code_Value']; 
if(code_Values.length){ 
for(var i=0;i<code_Values.length;i++) 
{ 
if(code_Values[i].checked == true) 
{ 
num ++; 
} 
} 
}else{ 
if(code_Values.checked == true){ 
num ++ ; 
} 
} 
if(num == 0){ 
alert('Please select delete item'); 
} 
if(num >0){ 
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>'; 
document.BuCodeSearch.submit(); 
} 
} 
</script>

JS checkbox方法二:
function checkAll() 
{ 
var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 
{ 
code_Values[i].checked = true; 
} 
} 
} 
function uncheckAll() 
{ 
var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 
{ 
code_Values[i].checked = false; 
} 
} 
} 
function multipleDelete() 
{ 
if (document.BuCodeSearch.elements["code_Value"]) 
{ 
var num = 0; 
var fm = document.BuCodeSearch; 
if (document.BuCodeSearch.elements["code_Value"]) 
{ 
var elm = document.BuCodeSearch.elements["code_Value"]; 
var ename = "code_Value"; 
if (elm.length) { 
var len = fm.elements[ename].length; 
for (var i = 0; i< len; i++) { 
var e = fm.elements[ename][i]; 
if (e.checked == true){ 
num++; 
} 
} 
} else { 
if (elm.checked == true ) { 
num++; 
} 
} 
if (num > 0 ) 
{ 
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>'; 
document.BuCodeSearch.submit(); 
} 
} 
} 
}

code_Value为checkbox表单的名称,BuCodeSearch为form名称
<td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>
Javascript 相关文章推荐
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
Mar 02 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
JS精确判断数据类型代码实例
Dec 18 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
Javascript 获取LI里的内容
Dec 17 #Javascript
FLASH 广告之外的链接
Dec 16 #Javascript
用tip解决Ext列宽度不够的问题
Dec 13 #Javascript
兼容ie和firefox js关闭代码
Dec 11 #Javascript
IE和Firefox下javascript的兼容写法小结
Dec 10 #Javascript
js 禁用浏览器的后退功能的简单方法
Dec 10 #Javascript
JavaScript 拖拉缩放效果
Dec 10 #Javascript
You might like
我的论坛源代码(九)
2006/10/09 PHP
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
PHPMailer邮件发送的实现代码
2013/05/04 PHP
hadoop中一些常用的命令介绍
2013/06/19 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
python套接字流重定向实例汇总
2016/03/03 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python批量爬取下载抖音视频
2019/06/17 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
英格兰足协官方商店:England Store
2019/07/12 全球购物
"序列点" 是什么
2016/07/29 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
学生自我鉴定
2013/12/18 职场文书
春节联欢晚会主持词
2014/03/24 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
红色电影观后感
2015/06/18 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers
Python matplotlib绘制雷达图
2022/04/13 Python