比较全的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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
javascript 仿QQ滑动菜单效果代码
Sep 03 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
javascript实现yield的方法
Nov 06 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
Feb 28 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
C#中使用迭代器处理等待任务
Jul 13 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 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
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
用PHP的ob_start();控制您的浏览器cache!
2007/02/14 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
PHP实现在对象之外访问其私有属性private及保护属性protected的方法
2017/11/20 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
javascript this详细介绍
2016/09/19 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
详解NodeJs项目 CentOs linux服务器线上部署
2019/09/16 NodeJs
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
python结合selenium获取XX省交通违章数据的实现思路及代码
2016/06/26 Python
Python中的id()函数指的什么
2017/10/17 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python 实现音频叠加的示例
2020/10/29 Python
python3实现飞机大战
2020/11/29 Python
python中spy++的使用超详细教程
2021/01/29 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
Java模拟试题
2014/11/10 面试题
大学生个人求职信范文
2013/09/21 职场文书
经典英文广告词
2014/03/18 职场文书
单位综合评价意见
2015/06/05 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python