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编程起步(第五课)
Jan 10 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
js中自定义方法实现停留几秒sleep
Jul 11 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
Jul 02 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
vue 文件目录结构详解
Nov 24 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
从源码角度来回答keep-alive组件的缓存原理
Jan 18 Javascript
React 并发功能体验(前端的并发模式)
Jul 01 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创建多级目录代码
2008/06/05 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
2017/03/10 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
python模拟事件触发机制详解
2018/01/19 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
python list的index()和find()的实现
2020/11/16 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
自荐信模版
2013/10/24 职场文书
总务岗位职责
2013/11/19 职场文书
精神文明单位申报材料
2014/05/02 职场文书
交通事故协议书范本
2014/11/18 职场文书
邀请书模板
2015/02/02 职场文书
中秋联欢会主持词
2015/07/04 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
Mybatis是这样防止sql注入的
2021/12/06 Java/Android
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js
Python os和os.path模块详情
2022/04/02 Python