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日期时间补零的小例子
Mar 05 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 Vue.js
vue引入Excel表格插件的方法
Apr 28 Vue.js
使用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和MySql来与ODBC数据连接
2006/10/09 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
php版微信自动获取收货地址api用法示例
2016/09/22 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
vue插件vue-resource的使用笔记(小结)
2017/08/04 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
原生JavaScript实现remove()和recover()功能示例
2018/07/24 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
Python内置模块turtle绘图详解
2017/12/09 Python
python 除法保留两位小数点的方法
2018/07/16 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
Python3.8中使用f-strings调试
2019/05/22 Python
numpy.where() 用法详解
2019/05/27 Python
Python的log日志功能及设置方法
2019/07/11 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
实习医生自我评价
2013/09/22 职场文书
大卫科波菲尔读书笔记
2015/06/30 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP