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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
jquery动画1.加载指示器
Aug 24 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
JavaScript中的Promise使用详解
Jun 24 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
JavaScript常用代码书写规范的超全面总结
Sep 11 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 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的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
封装ThinkPHP的一个文件上传方法实例
2014/10/31 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
jQuery之ajax删除详解
2014/02/27 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
实例解析Array和String方法
2016/12/14 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
python如何对链表操作
2020/10/10 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
销售文员岗位职责
2013/11/29 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
节水口号标语
2014/06/19 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
委托证明书
2014/09/17 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
七年级数学教学反思
2016/02/17 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
mysql 获取时间方式
2022/03/20 MySQL