比较全的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 打印页面代码
Mar 24 Javascript
js 学习笔记(三)
Dec 29 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
一个简单的JS鼠标悬停特效具体方法
Jun 17 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
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
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
python打开windows应用程序的实例
2019/06/28 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
用python-webdriver实现自动填表的示例代码
2021/01/13 Python
文秘专业自荐信
2013/10/14 职场文书
学子宴答谢词
2014/01/25 职场文书
体育教师个人的自我评价
2014/02/16 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
职工小家建设活动方案
2014/08/25 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
本溪关门山导游词
2015/02/09 职场文书
2015年新农合工作总结
2015/03/30 职场文书
解析MySQL binlog
2021/06/11 MySQL