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) ...
一周排行