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一些实用技巧小结
Mar 18 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
JavaScript数组排序功能简单实现
May 14 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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 SQL之where语句生成器
2009/03/24 PHP
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
PHP中对用户身份认证实现两种方法
2011/06/04 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
fmt:formatDate的输出格式详解
2014/01/09 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
基于Python实现的ID3决策树功能示例
2018/01/02 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
利用python画出折线图
2018/07/26 Python
详解python中的Turtle函数库
2018/11/19 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
python requests指定出口ip的例子
2019/07/25 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
绝对经典成功的大学生推荐信
2013/11/08 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
五年后的职业生涯规划
2014/03/04 职场文书
科学发展观演讲稿
2014/09/11 职场文书
大学生作弊检讨书
2014/09/11 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
钱学森观后感
2015/06/04 职场文书
教师节领导致辞
2015/07/29 职场文书
热爱劳动主题班会
2015/08/14 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS