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 学习入门篇附实例代码
Mar 16 Javascript
加速IE的Javascript document输出的方法
Dec 02 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
react项目实践之webpack-dev-serve
Sep 14 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 Javascript
video.js添加自定义组件的方法
Dec 09 Javascript
JavaScript实现前端网页版倒计时
Mar 24 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
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
php实现的递归提成方案实例
2015/11/14 PHP
分享php邮件管理器源码
2016/01/06 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
js格式化金额可选是否带千分位以及保留精度
2014/01/28 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
详解python statistics模块及函数用法
2019/10/27 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
python 发送get请求接口详解
2020/11/17 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
美国女孩服装购物网站:Justice
2017/03/04 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
校园歌手大赛策划书
2014/01/17 职场文书
销售员岗位职责
2014/06/09 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
2014年纠风工作总结
2014/12/08 职场文书
承诺函范文
2015/01/21 职场文书
建党伟业电影观后感
2015/06/01 职场文书
婚宴来宾致辞
2015/07/28 职场文书