JQuery对checkbox操作 (循环获取)


Posted in Javascript onMay 20, 2011
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DemoCheckBox.aspx.cs" Inherits="DemoCheckBox" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>无标题页</title> 
<script src="js/jquery-1.6.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
jQuery(function($){ 
//全选 
$("#btn1").click(function(){ 
$("input[name='checkbox']").attr("checked","true"); 
}) 
//取消全选 
$("#btn2").click(function(){ 
$("input[name='checkbox']").removeAttr("checked"); 
}) 
//选中所有基数 
$("#btn3").click(function(){ 
$("input[name='checkbox']:even").attr("checked","true"); 
}) 
//选中所有偶数 
$("#btn6").click(function(){ 
$("input[name='checkbox']:odd").attr("checked","true"); 
}) 
//反选 
$("#btn4").click(function(){ 
$("input[name='checkbox']").each(function(){ 
if($(this).attr("checked")) 
{ 
$(this).removeAttr("checked"); 
} 
else 
{ 
$(this).attr("checked","true"); 
} 
}) 
}) 
//或许选择项的值 
var aa=""; 
$("#btn5").click(function(){ 
$("input[name='checkbox']:checkbox:checked").each(function(){ 
aa+=$(this).val() 
}) 
document.write(aa); 
}) 
}) 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="button" id="btn1" value="全选"> 
<input type="button" id="btn2" value="取消全选"> 
<input type="button" id="btn3" value="选中所有奇数"> 
<input type="button" id="btn6" value="选中所有偶数"> 
<input type="button" id="btn4" value="反选"> 
<input type="button" id="btn5" value="获得选中的所有值"> 
<br> 
<input type="checkbox" name="checkbox" value="checkbox1"> 
checkbox1 
<input type="checkbox" name="checkbox" value="checkbox2"> 
checkbox2 
<input type="checkbox" name="checkbox" value="checkbox3"> 
checkbox3 
<input type="checkbox" name="checkbox" value="checkbox4"> 
checkbox4 
<input type="checkbox" name="checkbox" value="checkbox5"> 
checkbox5 
<input type="checkbox" name="checkbox" value="checkbox6"> 
checkbox6 
<input type="checkbox" name="checkbox" value="checkbox7"> 
checkbox7 
<input type="checkbox" name="checkbox" value="checkbox8"> 
checkbox8 
</div> 
</form> 
</body> 
</html>

jquery 循环读取checkbox值
$("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 
alert($(this).val()); 
});
Javascript 相关文章推荐
Jquery 表格合并的问题分享
Sep 17 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jan 08 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
纯JS实现轮播图
Feb 22 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
ReactRouter的实现方法
Jan 25 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 Javascript
检测jQuery.js是否已加载的判断代码
May 20 #Javascript
JQuery datepicker 使用方法
May 20 #Javascript
Jquery中Ajax 缓存带来的影响的解决方法
May 19 #Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 #Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 #Javascript
jquery构造器的实现代码小结
May 16 #Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 #Javascript
You might like
隐性调用php程序的方法
2015/06/13 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
Jquery 点击按钮显示和隐藏层的代码
2011/07/25 Javascript
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
js中less常用的方法小结
2017/08/09 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Python实现批量检测HTTP服务的状态
2016/10/27 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
Python2比较当前图片跟图库哪个图片相似的方法示例
2019/09/28 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
捷克体育用品购物网站:D-sport
2017/12/28 全球购物
迟到检讨书1000字
2014/01/15 职场文书
开业典礼主持词
2014/03/21 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
超强台风观后感
2015/06/09 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书