比较全的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函数(json)附详细说明
May 25 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
ECMAScript中函数function类型
Jun 03 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
Dec 28 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 12 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 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中对用户身份认证实现两种方法
2011/06/04 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
php实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
php实现简单的权限管理的示例代码
2017/08/25 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
json2.js的初步学习与了解
2011/10/06 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
浅谈js基本数据类型和typeof
2016/08/09 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
Angular自定义组件实现数据双向数据绑定的实例
2017/12/11 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
python 算法 排序实现快速排序
2012/06/05 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
浅谈python出错时traceback的解读
2020/07/15 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
澳大利亚体育和露营装备在线/实体零售商:Find Sports
2020/06/03 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
药剂专业求职信
2014/06/20 职场文书
2014年个人售房协议书
2014/10/30 职场文书
小学中队活动总结
2015/05/11 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
24句精辟的现实社会语录,句句扎心,道尽人性
2019/08/29 职场文书
关于Python中*args和**kwargs的深入理解
2021/08/07 Python
方法汇总:Python 安装第三方库常用
2022/04/26 Python
Android Gradle 插件自定义Plugin实现注意事项
2022/06/16 Java/Android