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 相关文章推荐
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
vue.js实例todoList项目
Jul 07 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
Aug 13 Javascript
微信小程序后端实现授权登录
Feb 24 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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 shell命令合并图片的代码
2011/06/23 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
Javascript 圆角div的实现代码
2009/10/15 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
extjs两个tbar问题探讨
2013/08/08 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
Python中apply函数的用法实例教程
2014/07/31 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
Pytorch之contiguous的用法
2019/12/31 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
SQL面试题
2013/04/30 面试题
小学教师的个人自我鉴定
2013/10/24 职场文书
财务会计实习报告体会
2013/12/20 职场文书
4s店机修工岗位职责
2013/12/20 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
商场营业员岗位职责
2015/04/14 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js