比较全的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 17 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
浏览器复制插件zeroclipboard使用指南
Mar 26 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
ionic2中使用自动生成器的方法
Mar 04 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 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小偷相关截取函数备忘
2010/11/28 PHP
php printf输出格式使用说明
2010/12/05 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
2018/08/31 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
python ddt数据驱动最简实例代码
2019/02/22 Python
python 字典操作提取key,value的方法
2019/06/26 Python
python 使用socket传输图片视频等文件的实现方式
2019/08/07 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
逻辑链路控制协议
2016/10/01 面试题
银行优秀员工事迹材料
2014/05/29 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
python中的sys模块和os模块
2022/03/20 Python