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) ...
一周排行
  • /* * 1,把泛型定义在类上 * 2,把泛型定义在接口上 * 3,把泛型定义方法上 * * */ public class FanXingTest implements FanXing3<String> ...
  • hdu1937 Finding Seats 题意是 求最小的矩形覆盖面积内包含 k 个 空位置 枚举上下边界然后 双端队列 求 最小面积 #include <iostream> #include < ...
  •   首先做以下声明: 本程序基于腾讯公司的webqq协议开发,所有相关版权归腾讯公司所有.此程序只用于技术交流和学习,不得用于其他方面. 开发者:雨后星辰,转载请注明出处:http://www.cnblogs.com ...
  • phpstorm快捷键:// ctrl+shift+n 查找文件// ctrl+j 插入活动代码提示// ctrl+alt+t 当前位置插入环绕代码// alt+insert 生成代码菜单 // ctrl+q 查看代 ...
  • 对Java垃圾回收最大的误解是什么?它实际又是什么样的呢? 当 我还是小孩的时候,父母常说如果你不好好学习,就只能去扫大街了.但他们不知道的是,清理垃圾实际上是很棒的一件事.可能这也是即使在Java的世界中, 同样有 ...
  • 关于WinIO.DLL的键盘输入模拟 最近在找键盘模拟的方式,最后在网上找到了一个WinIO.DLL的IO键盘模拟按键的方式.但是居然那个方法是有问题的.我造了全局的hook监视键盘信息,发现它只是有keyDown和 ...
  •       昨天没有想这个问题,今天在任务的就绪表卡住了,于是又想到这个迷宫问题,改写了代码,现在遇到死胡同可以自己识别出来,并且有多条路的时候也能到达出口,当然不是最优解,因此命名为0.2版本,代码如下:#incl ...
  • 易网科技讯 5月26日消息,据<华尔街日报>报道,McAfee周二在公司2010投资者论坛会议上宣布,计划收购私人持有的移动安全软件公司Trust Digital,瞄准利用虚拟化和消费者化的技术趋势增加收 ...
  • dataLayer作为整个网络的输入层, 数据从leveldb中取.leveldb的数据是通过图片转换过来的. 网络建立的时候, datalayer主要是负责设置一些参数,比如batchsize,channels,h ...
  • 奇迹暖暖仲夏夜之梦第二关和风浴衣S搭配攻略推荐 奇迹暖暖仲夏夜之梦[第二关:和风浴衣]S搭配攻略 建议用鬼姬彼岸花套装,没有的可以用华丽代替. 下面是我的搭配,括号里就不写了,有珍稀自己替换珍稀. 头发:鬼姬,华丽 ...