checkBox的检验和获取

 1.检验指定的checkedbox是否被选中,jquery1.6之前和之后的版本之间有区别

jquery1.6之前
1.attr("checked") 的值为:true(选中); false(未选中);
2.没有prop方法;

 

jquery1.6之后
1.attr方法值改变,其值为:checked(选中);undefined(未选中);
2.有prop方法;pro("checked")的值为:true(选中);false(未选中);
3.另外还有一个is方法;is( ":checked" ),值为:true(选中);false(未选中);(跟prop的方法区别是,参数里面有冒号)
如果不用jquery,只用javascriptd,
var test = document.getElementById( "dfc").checked;
test的值:true(选中),false(未选中);

2.关于checked一些操作的demo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
     <HEAD>
          <TITLE>New Document</TITLE>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
          <SCRIPT LANGUAGE="JavaScript" src="jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
     $("document").ready(function() {

          $("#btn1").click(function() {
               $("[name='checkbox']").attr("checked", 'true');//全选
          })

          $("#btn2").click(function() {
               $("[name='checkbox']").removeAttr("checked");//取消全选
          })

          $("#btn3").click(function() {
               $("[name='checkbox']:even").attr("checked", 'true');//选中所有奇数
          })
         
          $("#btn4").click(function() {         
               $("[name='checkbox']").each(function() {     //反选
                    if ($(this).attr("checked")) {
                         $(this).removeAttr("checked");
                    } else {
                         $(this).attr("checked", 'true');
                    }
               })
          })
         
          $("#btn5").click(function() {    
               var str = "";
               $("[name='checkbox'][checked]").each(function() {     //获取选中的所有值
                    str += $(this).val() + "\n";
               });
               alert(str);
          })

          $("#one").click(function(){
               var aa = $("#one").attr("checked");
               var bb = $("#one").is(":checked");
               var cc = $("#one").prop("checked");
               console.log("aa = " + aa);
               console.log("bb = " + bb);
               console.log("cc = " + cc);
          })
     })
</SCRIPT>
</HEAD>
     <BODY>
          <form name="form1" method="post" action="">
               <input type="button" id="btn1" value="全选">
               <input type="button" id="btn2" value="取消全选">
               <input type="button" id="btn3" value="选中所有奇数">
               <input type="button" id="btn4" value="反选">
               <input type="button" id="btn5" value="获得选中的所有值">
               <br>
               <input type="checkbox" id="one" 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
          </form>
     </BODY>
</HTML>
更多相关文章
  • 9月9日消息,据知情人士消息透露,今年国内iPhone 6与去年一样将与全球同步首发,三大运营商中国移动.中国电信.中国联通也加入到全球首发的阵容中.消息人士还透露,受政策影响,三大运营商或将取消iPhone 6补贴,全部采取裸机销售模式,也就是说不再出售合约机.据了解,iPhone 6国行和港行版 ...
  • 第5课 高级数据过滤 5.1 组合 WHERE 子句 第4课介绍的 WHERE 子句在过滤数据时都是用单一的条件.   5.1.1 AND 操作符 检索由供应商 DLL01 制造且价格小于等于 4 美元的所有产品的名称和价格: SELECT prod_id, prod_price, prod_nam ...
  • 易网科技讯 1月30日消息,据国外媒体报道,Facebook今日发布了第四季度财报.公司第四季度营收与利润均超出市场分析师预期.Facebook第四季度实现26亿美元营收,录得净利润7.8亿美元(Non-GAAP).据汤森路透的调查,分析师此前预计Facebook第四季度净利润应为7.035亿美元, ...
  • 导火线 晚上跟高中同学说我近来的状况,无意中他提到:“如果当初没意外话,今年估计你就是一名老师了吧”.这让我很是怀念以前的日子,这四年来过的很快,开始想着当初是怎么过来的 :   高考 本人英语不佳,高考只能靠理综和数学撑着,那时候刚好上了2A线,纯属于2A尾,不过也罢,人嘛,努力了就好.到了开始填 ...
  • 在2014年,Sam Newman,Martin Fowler在ThoughtWorks的一位同事,出版了一本新书<Building Microservices>.该书描述了如何按照Microservice架构模式设计及搭建一个具有良好扩展性并可持续开发的系统.除此之外,该书还将基于该模 ...
  • 一.选择题(每小题1分,共20分) (1)英文缩写CAD的中文意思是 A)计算机辅助教学 B)计算机辅助制造 c)计算机辅助设计 D)计算机辅助管理 (2)计算机内部采用的数制是 A)十进制 B)二进制 C)八进制 D)十六进制 (3)无符号二进制整数l01 1010转换成十进制数是 A)88 B) ...
一周排行
  • debian系统下改语言设置 安装debian 的时候选择了中文zh_CN_UTF-8,然后进系统后想换成en_US_UTF-8 可以使用一下命令选择:找到需要的语言 确定即可 dpkg-reconfigure lo ...
  •   For ( __str__ ),we going to see a example ... and find who is working for ... #!/usr/bin/python class Pers ...
  • 在所有物是人非的景色里我最喜欢你,孤独久了碰到幸福的时候都会恐惧,实在放不下就继续喜欢吧,也许你会感动他,也许你会累到放手 在所有物是人非的景色里我最喜欢你,孤独久了碰到幸福的时候都会恐惧,实在放不下就继续喜欢吧,也 ...
  • 昨天,我电脑突然蓝屏,有时侯又突然正常,但是大多数情况是在进入windows登陆界面的时候跳了蓝屏的.根据以往经验,可能是病毒或者系统文件损坏的原因导致这个问题的. 昨天,我电脑突然死机接着蓝屏,有时侯又突然正常,但 ...
  • 转:http://database.51cto.com/art/201002/184392.htm 非整数列分区 任何使用过分区的人应该都遇到过不少问题,特别是面对非整数列分区时,MySQL 5.1只能处理整数列分区 ...
  • 前面章节中介绍了二值图像的形态学算法,这里讲一下灰度图的形态学算法,主要是公式,代码略. 1,膨胀算法 2,腐蚀算法 3,开运算 开运算:先进行一次腐蚀运算,接着进行一次膨胀运算. 4,闭运算 闭运算即:先进行一次膨 ...
  • 本文列出了Github上最受关注的10位前端大牛.看看他们负责的项目和提交的代码,你是不是能从中学到些什么?   1. Paul Irish Github主页:https://github.com/paulirish ...
  • /* * 程序的版权和版本声明部分 * Copyright (c)2012, 烟台大学计算机学院学生 * All rightsreserved. * 文件名称: object.cpp * 作者:谷志恒 * 完成日期: ...
  • public static final boolean isPrimaryNum(int num) { if(num <= 1) { return false; } if(num == 2 num == 3) ...
  • 在领导艺术上,中华民族本身就有非常优秀的文化沉淀,在<孙子兵法>中就有领导者如何进行有效的管理的思想,体现着中华哲学精髓,阴阳变化.以柔克刚.例如: 治心,治理员工的心就叫治心.中国人有团队也有个人,而日 ...