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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
js里的prototype使用示例
Nov 19 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
基于JS实现快速读取TXT文件
Aug 25 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
PHP+javascript液晶时钟
2006/10/09 PHP
smarty简单入门实例
2014/11/28 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
PHP代码加密的方法总结
2020/03/13 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
js获取checkbox值的方法
2015/01/28 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
[02:11]DOTA2上海特级锦标赛主赛事第二日RECAP
2016/03/04 DOTA
浅析Python编写函数装饰器
2016/03/18 Python
python daemon守护进程实现
2016/08/27 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
2014年小学数学工作总结
2014/12/12 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
创业计划书之服装
2019/10/07 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
尝试使用Python爬取城市租房信息
2022/04/12 Python