jquery操作checkbox示例分享


Posted in Javascript onJuly 21, 2014

checkbox操作

1. 全选、全不选

2.打印所有的选中项目

jquery操作checkbox示例分享

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> </title>
 <script type="text/javascript" src="jquery-1.3.2.js"></script>
 <script>
 // 全选、全不选
 function docChkBoxChange(){
  var isChecked = jQuery('#docChkBoxTop').attr('checked');
  // 设置以下所有的 checkBox 列表
  jQuery("input[name=docChkBox]").each(function(){
  this.checked = isChecked;
  });
 }//end function
 // 打印所有的选中项目
 function printChoose(){
  var isChecked = jQuery('#docChkBoxTop').attr('checked');
  // 设置以下所有的 checkBox 列表
  jQuery("input[name=docChkBox]").each(function(){
  if(this.checked){
  alert(this.value)
  }
  });
 }//end function
 </script>
 </head>

 <body>
 <table>
 <tr>
 <td>
  <input id='docChkBoxTop' type="checkbox" onClick='docChkBoxChange()'>全选、全不选
 </td>
 </tr>
 <tr>
 <td>
  <input name='docChkBox' type="checkbox" value='apple'>苹果
 </td>
 </tr>
 <tr>
 <td>
  <input name='docChkBox' type="checkbox" value='banana'>香蕉
 </td>
 </tr>
 
 <tr>
 <td>
  <input type="button" value='打印所有选中项' onClick='printChoose()'>
 </td>
 </tr>
 </table>
 </body>
</html>
Javascript 相关文章推荐
Mootools 1.2教程 类(一)
Sep 15 Javascript
js内置对象 学习笔记
Aug 01 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
JS实现多张图片预览同步上传功能
Jun 23 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
js实现3D旋转效果
Aug 18 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 Javascript
jquery常用操作小结
Jul 21 #Javascript
JavaScript中的apply和call函数详解
Jul 20 #Javascript
一行命令搞定node.js 版本升级
Jul 20 #Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 #Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 #Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 #Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 #Javascript
You might like
用PHP查询域名状态whois的类
2006/11/25 PHP
PHP随机数生成代码与使用实例分析
2011/04/08 PHP
php页面缓存方法小结
2015/01/10 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
php简单统计在线人数的方法
2016/05/10 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
JavaScript数据结构中栈的应用之表达式求值问题详解
2017/04/11 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
详解tween.js的使用教程
2017/09/14 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
Python素数检测实例分析
2015/06/15 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
python读写csv文件的方法
2019/08/13 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
大学生护理专业自荐信
2013/10/03 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
元旦晚会邀请函
2014/01/27 职场文书
高中生的自我评价
2014/03/04 职场文书
欢迎领导标语
2014/06/27 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
2014年司机工作总结
2014/11/21 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
如何写辞职书
2015/02/26 职场文书
教导处教学工作总结
2015/08/12 职场文书
医学会议开幕词
2016/03/03 职场文书
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript