比较全的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 相关文章推荐
论坛特效代码收集(落伍转发-不错)
Dec 02 Javascript
Prototype Function对象 学习
Jul 12 Javascript
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
vue-form表单验证是否为空值的实例详解
Oct 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
很好用的PHP数据库类
2009/05/27 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
如何实现JavaScript动态加载CSS和JS文件
2020/12/28 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
2017/05/12 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
幼儿园家长安全责任书
2014/07/22 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
员工手册编写范本
2015/05/14 职场文书