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 THICKBOX弹出层插件
Aug 30 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
前端性能优化建议
Sep 17 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
PHP编程之高级技巧——利用Mysql函数
2006/10/09 PHP
PHP Smarty生成EXCEL文档的代码
2008/08/23 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
Angular使用Md5加密的解决方法
2017/09/16 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
说一说Python logging
2016/04/15 Python
Django中针对基于类的视图添加csrf_exempt实例代码
2018/02/11 Python
替换python字典中的key值方法
2018/07/06 Python
Python操作json的方法实例分析
2018/12/06 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
python regex库实例用法总结
2021/01/03 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
波兰在线运动商店:YesSport
2020/07/23 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
研究生自我鉴定范文
2013/10/30 职场文书
公司任命书模板
2014/06/06 职场文书
大雁塔导游词
2015/02/04 职场文书
事业单位个人总结
2015/02/12 职场文书
应聘教师求职信范文
2015/03/20 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
PyTorch的Debug指南
2021/05/07 Python