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 相关文章推荐
js获取图片大小的函数代码
Sep 20 Javascript
了解一点js的Eval函数
Jul 26 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 Javascript
js实现城市级联菜单的2种方法
Jun 23 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
详解原生JS回到顶部
Mar 25 Javascript
详解Vue中组件传值的多重实现方式
Aug 16 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
js回调函数仿360开机
Dec 26 Javascript
JS PHP字符串截取函数实现原理解析
Aug 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
PHP中替换换行符的几种方法小结
2012/10/15 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
html向js方法传递参数具体实现
2013/08/08 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
深入理解Python 代码优化详解
2014/10/27 Python
python 异常处理总结
2016/10/18 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
一份Java笔试题
2012/02/21 面试题
大一自我鉴定范文
2013/10/04 职场文书
销售工作岗位职责
2013/12/24 职场文书
质量保证书范本
2014/04/29 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
小学班主任工作随笔
2015/08/15 职场文书