比较全的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 相关文章推荐
jQuery针对各类元素操作基础教程
Aug 29 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
Nov 09 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
vuejs router history 配置到iis的方法
Sep 20 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 Javascript
React列表栏及购物车组件使用详解
Jun 28 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
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php5.2.0内存管理改进
2007/01/22 PHP
php获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
javascript框架设计之框架分类及主要功能
2015/06/23 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
python使用folium库绘制地图点击框
2018/09/21 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
python实现顺时针打印矩阵
2019/03/02 Python
pyqt5移动鼠标显示坐标的方法
2019/06/21 Python
用python做游戏的细节详解
2019/06/25 Python
Python tkinter常用操作代码实例
2020/01/03 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
python中upper是做什么用的
2020/07/20 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
美国婚戒购物网站:Anjays Designs
2017/06/28 全球购物
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
学校安全教育制度
2014/01/31 职场文书
《藏戏》教学反思
2014/02/11 职场文书
读书演讲主持词
2014/03/18 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
档案工作个人总结
2015/03/03 职场文书
Python机器学习算法之决策树算法的实现与优缺点
2021/05/13 Python