比较全的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模板实现方法
Apr 27 Javascript
分享别人写的一个小型js框架
Aug 13 Javascript
js取得url地址参数实例
Feb 22 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
老生常谈jquery id选择器和class选择器的区别
Feb 12 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
使用JS location实现搜索框历史记录功能
Dec 23 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 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 socket的讲解与实例分析
2013/06/13 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
php计算函数执行时间的方法
2015/03/20 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
NodeJS制作爬虫全过程(续)
2014/12/22 NodeJs
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
javascript iframe跨域详解
2016/10/26 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
python实现键盘控制鼠标移动
2020/11/27 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
python可视化实现KNN算法
2019/10/16 Python
python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例
2020/02/27 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
银行开户授权委托书格式
2014/10/10 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
中学生检讨书1000字
2014/10/28 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
七年级数学教学反思
2016/02/17 职场文书
详解Go语言中Get/Post请求测试
2022/06/01 Golang