jquery操作checkbox示例分享
更新时间：2014年07月21日 10:09:23 投稿：hebedich
这篇文章主要介绍了jquery操作checkbox,需要的朋友可以参考下
checkbox操作
1. 全选、全不选
2.打印所有的选中项目
<!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>
相关文章
这篇文章主要介绍了jQuery.one() 函数的用法，文中通过示例代码帮助大家更好的学习，感兴趣的朋友可以参考一下2020-06-06
这篇文章主要介绍了jQuery操作Table技巧,实例汇总了jQuery针对Table的鼠标响应、样式修改、添加删除等常用技巧,需要的朋友可以参考下2016-01-01
基于jquery的文本框记数器实现代码，需要的朋友可以参考下2012-09-09
dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，在说出解决方案前先来普及一下jquery关于定位的几个方法2013-09-09
我原本一直以为innerHTML和jquery里的html其实是完全一样的，jquery是多此一举了，直到我遇到一次问题2012-10-10
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果2014-03-03
这篇文章主要介绍了jQuery必不可少的小技巧，这些小技巧就像是创建的快捷方式，可以帮助大家快速开发，感兴趣的小伙伴们可以参考一下2015-11-11
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一2011-12-12
这篇文章主要介绍了jQuery实现的记住帐号密码功能,结合完整实例形式分析了jQuery使用jquery.cookie.js插件记录用户信息相关操作技巧,需要的朋友可以参考下2019-08-08
jQuery EasyUI 对话框(Dialog)用法与EasyUI的窗口用法极为相似，最终的效果图也只与窗口的效果图差几个按钮2010-10-10
最新评论