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改变Session的值(用ajax实现)
Dec 28 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
javascript实现在线客服效果
Jul 15 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
微信小程序下拉框组件使用方法详解
Dec 28 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
openlayers4.6.5实现距离量测和面积量测
Sep 25 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日历程序
2006/12/06 PHP
php一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
Vue.js每天必学之方法与事件处理器
2016/09/06 Javascript
详解如何使用Vue2做服务端渲染
2017/03/29 Javascript
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
python logging类库使用例子
2014/11/22 Python
简单谈谈python中的多进程
2016/11/06 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
python爬虫自动创建文件夹的功能
2018/08/01 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
给我一面国旗 python帮你实现
2019/09/30 Python
Python命令行click参数用法解析
2019/12/19 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
python中PyQuery库用法分享
2021/01/15 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
strlen的几种不同实现方法
2013/05/31 面试题
家长给小学生的评语
2014/01/30 职场文书
青安岗事迹材料
2014/05/14 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书