比较全的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 广告后加载,加载完页面再加载广告
Nov 25 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
javascript真的不难-回顾一下基础知识
Jan 15 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
JavaScript 异步调用
Oct 25 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
Vue 监听元素前后变化值实例
Jul 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
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
详解vue中axios请求的封装
2019/04/08 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
Python类的基础入门知识
2008/11/24 Python
python3实现windows下同名进程监控
2018/06/21 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
python运用sklearn实现KNN分类算法
2019/10/16 Python
基于python图像处理API的使用示例
2020/04/03 Python
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
结构和类有什么异同
2012/07/16 面试题
大学生军训自我鉴定
2014/02/12 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
大学英语演讲稿范文
2014/04/24 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
服务理念口号
2014/06/11 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android