比较全的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 兼容firefox的一些问题
May 21 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
Nov 15 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
JavaScript 异常处理 详解
Feb 06 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
js鼠标经过tab选项卡时实现切换延迟
Mar 24 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
node+koa实现数据mock接口的方法
Sep 20 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 clearstatcache()函数详解
2010/03/02 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
php fread函数使用方法总结
2019/05/28 PHP
document.getElementById介绍
2011/09/13 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
layui表格实现代码
2017/05/20 Javascript
element ui 对话框el-dialog关闭事件详解
2018/02/26 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
使用Python设置tmpfs来加速项目的教程
2015/04/17 Python
Python实现周期性抓取网页内容的方法
2015/11/04 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
Python简单I/O操作示例
2019/03/18 Python
用Python实现二叉树、二叉树非递归遍历及绘制的例子
2019/08/09 Python
python实现ftp文件传输功能
2020/03/20 Python
进步之星获奖感言
2014/02/22 职场文书
党组织公开承诺书
2014/03/29 职场文书
党员自我对照检查材料
2014/08/19 职场文书
大学团日活动总结书
2015/05/11 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
tree shaking对打包体积优化及作用
2022/07/07 Java/Android