JS+JSP checkBox 全选具体实现


Posted in Javascript onJanuary 02, 2014
<script> 
function func(){ 
var options=document.getElementsByName("chkBox"); 
for (var i=0;i<options.length;i++){ 
if(!options[i].disabled){ 
options[i].checked=true; 
} 
} 
} 
</script> 
<input type=checkbox name=chkBox value=1 disabled> 
<input type=checkbox name=chkBox value=1> 
<input type=checkbox name=chkBox value=1> 
<input type=checkbox name=chkBox value=1> 
<input type=button value="测 试" onclick="func()">

用javascript吧。
<html> 
<body> 
<script> 
function kk(){ 
var handleEl = document.getElementById("kkHandler"); 
var els = document.getElementsByName("kk"); 
for(i=0;i<els.length;i++){ 
els[i].checked = handleEl.checked; 
} } 
</script> 
<input type=checkbox onclick="kk()" name="kkHandler">全选<br> 
<input type=checkbox name="kk"> 
<input type=checkbox name="kk"> 
</body> 
</html>

2:
<form name="form" ID="Form1"> 
<input type="checkbox" name="id" value="" ID="Checkbox1">1 
<input type="checkbox" name="id" value="" ID="Checkbox2">2 
<input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect 
</form> 
<script> 
function selectAll() 
{ 
if(!document.form.id.length){ 
if(document.form.chose.checked){ 
document.form.id.checked=true; 
} 
else{ 
document.form.id.checked=false; 
} 
} 
else{ 
for(var i=0;i<document.form.id.length;i++){ 
if(document.form.chose.checked){ 
document.form.id[i].checked=true; 
} 
else{ 
document.form.id[i].checked=false; 
} 
} 
} 
} 
</script>

3:
<input type='checkbox' name='info' value='a'> 
<input type='checkbox' name='info' value='b'> 
<input type='checkbox' name='info' value='c'> 
<input type='checkbox' name='info' value='d'> 
<input type='checkbox' name='info' value='e'><br> 
<input type='button' value =' 全选 'onclick='check_all();'> 
<script> 
function check_all(){ 
arr = document.getElementsByName('info'); 
for(i=0;i<arr.length;i++){ 
arr[i].checked = true; 
} 
} 
</script>
Javascript 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
vue的token刷新处理的方法
Jul 17 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
vue 中固定导航栏的实例代码
Nov 01 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 #Javascript
js实现动态改变字体大小代码
Jan 02 #Javascript
js创建元素(节点)示例
Jan 02 #Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 #Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 #Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 #Javascript
JS脚本defer的作用示例介绍
Jan 02 #Javascript
You might like
计数器详细设计
2006/10/09 PHP
在PWS上安装PHP4.0正式版
2006/10/09 PHP
php Sql Server连接失败问题及解决办法
2009/08/07 PHP
php截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
Smarty模板配置实例简析
2019/07/20 PHP
Firefox outerHTML实现代码
2009/06/04 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
js数组实现权重概率分配
2017/09/12 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
Python的pycurl包用法简介
2015/11/13 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
Python sklearn库实现PCA教程(以鸢尾花分类为例)
2020/02/24 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
在HTML5中如何使用CSS建立不可选的文字
2014/10/17 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
质检部岗位职责
2013/11/11 职场文书
运动会四百米广播稿
2014/01/19 职场文书
个人自我评价范文
2014/02/05 职场文书
药品业务员岗位职责
2014/04/17 职场文书
小学生倡议书范文
2014/05/13 职场文书
个人简历自荐信
2014/06/26 职场文书
2016年公司中秋节致辞
2015/11/26 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python