比较全的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 相关文章推荐
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 Javascript
js 操作select相关方法函数
Dec 06 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
jquery dataTable 获取某行数据
May 05 jQuery
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
vue实现随机验证码功能(完整代码)
Dec 10 Javascript
vue点击按钮实现简单页面的切换
Sep 08 Javascript
原生JS实现拖拽功能
Dec 16 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
php中常用字符串处理代码片段整理
2011/11/07 PHP
php并发对MYSQL造成压力的解决方法
2013/02/21 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
CentOS7.0下安装PHP5.6.30服务的教程详解
2018/09/29 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
用js实现随机返回数组的一个元素
2007/08/13 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
2014/04/12 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
谈谈React中的Render Props模式
2018/12/06 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
Python的print用法示例
2014/02/11 Python
python中os操作文件及文件路径实例汇总
2015/01/15 Python
详细解析Python中的变量的数据类型
2015/05/13 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
毕业生优秀推荐信
2013/11/26 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
乡镇交通安全实施方案
2014/03/29 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
员工试用期工作总结
2019/06/20 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
js中Object.create实例用法详解
2021/10/05 Javascript