比较全的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 相关文章推荐
工作需要写的一个js拖拽组件
Jul 28 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
vue.js中使用echarts实现数据动态刷新功能
Apr 16 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
vue中 v-for循环的用法详解
Feb 19 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
YII框架页面缓存操作示例
2019/04/29 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
用js实现in_array的方法
2013/11/05 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
python提取内容关键词的方法
2015/03/16 Python
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
Numpy掩码式数组详解
2018/04/17 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
python3 实现调用串口功能
2019/12/26 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
python利用后缀表达式实现计算器功能
2021/02/22 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
生产车间实习自我鉴定
2013/09/23 职场文书
临床医师专业个人自我评价
2014/01/08 职场文书
大学校运会广播稿
2014/02/03 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript