js全选实现和判断是否有复选框选中的方法


Posted in Javascript onFebruary 17, 2015

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下:

function actionEvent(methodname){  

        var form = document.forms[0];  

        if(validateIsSelect(form.all, form.productids)){  

            form.action='<html:rewrite action="/control/product/manage"/>';  

            form.submit();  

        }else{  

            alert("请选择要操作的记录");  

        }  

} 
function allselect(allobj,items){  

        var state = allobj.checked;  

        if(items.length){  

            for(var i=0;i<items.length;i++){  

                if(!items[i].disabled) items[i].checked=state;  

            }  

        }else{  

            if(!items[i].disabled) items.checked=state;  

        }  

}  

/* 

* 判断是否选择了记录 

*/  

function validateIsSelect(allobj,items){  

        var state = allobj.checked;  

        if(items.length){  

            for(var i=0;i<items.length;i++){  

                if(items[i].checked) return true;  

            }  

        }else{  

            if(items.checked) return true;  

        }  

        return false;  

}
<INPUT TYPE="checkbox" NAME="all"  onclick="javascript:allselect(this, this.form.productids)">全选</td>
<input name="visible" type="button" class="frm_btn" onClick="javascript:actionEvent('visible')" value=" 操作 ">

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
layui table 多行删除(id获取)的方法
Sep 12 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 Javascript
Jquery树插件zTree用法入门教程
Feb 17 #Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 #Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 #Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 #Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 #Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 #Javascript
js实现下拉框选择要显示图片的方法
Feb 16 #Javascript
You might like
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
php返回json数据函数实例
2014/10/09 PHP
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
2017/04/20 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
小程序实现多选框功能
2018/10/30 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
python批量提取word内信息
2015/08/09 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
Python适配器模式代码实现解析
2019/08/02 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
Python第三方包PrettyTable安装及用法解析
2020/07/08 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
军训的自我鉴定
2013/12/10 职场文书
《学会待客》教学反思
2014/02/22 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
汽车转让协议书范本
2014/12/07 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
800字作文之大雪
2019/12/04 职场文书
python中if和elif的区别介绍
2021/11/07 Python