比较全的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 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
JavaScript截屏功能的实现代码
Jul 28 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
Nov 08 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 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 SplObjectStorage使用实例
2015/05/12 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
浅析vue深复制
2018/01/29 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
Python内存泄漏和内存溢出的解决方案
2020/09/26 Python
Python之字典添加元素的几种方法
2020/09/30 Python
Bodum官网:咖啡和茶壶、玻璃器皿、厨房电器等
2018/08/01 全球购物
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
node中使用shell脚本的方法步骤
2021/03/23 Javascript
市优秀教师事迹材料
2014/02/05 职场文书
采购求职信
2014/03/17 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
政府采购方案
2014/06/12 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
立项申请报告范本
2015/05/15 职场文书
六一活动主持词
2015/06/30 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android