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 相关文章推荐
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 Javascript
js操作二级联动实现代码
Jul 27 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
Jan 04 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 Javascript
实例浅析js的this
Dec 11 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
Sep 04 Javascript
node.js如何操作MySQL数据库
Oct 29 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
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
Electron 如何调用本地模块的方法
2019/02/01 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
Python中实现三目运算的方法
2015/06/21 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
Python中的heapq模块源码详析
2019/01/08 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
测量实习生自我鉴定
2013/09/19 职场文书
致短跑运动员广播稿
2014/01/09 职场文书
促销活动方案模板
2014/02/24 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
租车协议书
2015/01/27 职场文书
专家推荐信范文
2015/03/26 职场文书
小学语文国培研修日志
2015/11/13 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
关于 Python json中load和loads区别
2021/11/07 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang