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 格式化时间日期函数小结
Mar 20 Javascript
Jquery下判断Id是否存在的代码
Jan 06 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
JS弹出层的显示与隐藏示例代码
Dec 27 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 Javascript
详解小程序如何避免多次点击,重复触发事件
Apr 08 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
微信小程序接入vant Weapp组件的详细步骤
Oct 28 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
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
PHP分页类集锦
2014/11/18 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
javascript fullscreen全屏实现代码
2009/04/09 Javascript
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
python读取html中指定元素生成excle文件示例
2014/04/03 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
Python快速排序算法实例分析
2017/11/29 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
专科毕业生求职简历的自我评价
2013/10/12 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
业务总经理岗位职责
2014/02/03 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书