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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
js文件中调用js的实现方法小结
Oct 23 Javascript
更优雅的事件触发兼容
Oct 24 Javascript
javaScript基础语法介绍
Feb 28 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
原生js的数组除重复简单实例
May 24 Javascript
三种方式实现瀑布流布局
Feb 10 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
详解vue组件基础
May 04 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
Vue使用Ref跨层级获取组件的步骤
Jan 25 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 HtmlReplace输入过滤安全函数
2010/07/03 PHP
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
PHP Directory 函数的详解
2013/03/07 PHP
PHP 读取文本文件内容并分页显示
2016/01/02 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
Django中使用group_by的方法
2015/05/26 Python
Python实现身份证号码解析
2015/09/01 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
法人授权委托书公证范本
2014/09/14 职场文书
秋冬农业生产标语
2014/10/09 职场文书
nginx 配置缓存
2022/05/11 Servers