jquery의checked 및disabled

7293 단어 jquerycheckeddisabled
다음은 checked만 언급할 뿐, 사실disabled는 jquery에서 checked와 똑같습니다.
다음 두 가지 작법은 아무런 차이가 없다. 단지 코드가 조금 적을 뿐이다.
-----------------------------------------------------------
--------------------------------------------------------------
jquery가 checked를 판단하는 세 가지 방법:
.attr('checked')://버전 1.6+를 보고'checked'또는'undefined'로 되돌아오기;1.5 - 반환:true 또는 false.prop('checked')://16+:true/false .is(':checked')://모든 버전:true/false//사칭 잊지 마세요.
jquery 할당 checked 쓰기 방법:
모든 jquery 버전은 다음과 같이 값을 지정할 수 있습니다.
//$("#cb1").attr("checked","checked");//$("#cb1").attr("checked",true);
jquery1.6+:prop의 4가지 대입:
//$("#cb1").prop("checked",true);//간단하니까 말 안 할게요.prop({checked:true});//map 키 값 쌍//$("#cb1").prop("checked",function() {return true;//함수가true 또는false}로 되돌아오기);
//이런 것도 있는 걸로 기억해요:$("#cb1").prop("checked","checked");
추가 참조:http://api.jquery.com/prop/
위 코드는 마음대로 테스트할 수 있습니다: (게으름뱅이인가- -)
jquery1.6 프로는 나중에 지원합니다.
새 text 복사 내용 들어가기 접두사 이름 html로 변경

  
  
  
  
  1. <html> 
  2.     <head> 
  3.         <title> </title> 
  4.         <style type="text/css"> 
  5.  
  6.         </style> 
  7.         <!--1.62 1.42  1.52  1.7 --> 
  8.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
  9.         <script type="text/javascript"> 
  10.         $(function(){ 
  11.             // checked 
  12.        //    var a=$("#cb1").attr('checked'); // 1.6+ :"checked" "undefined" ;1.5- :true false 
  13.        //    var b=$("#cb1").prop('checked'); //1.6+:true/false 
  14.        var c=$("#cb1").is(':checked');  // :true/false 
  15.        //    alert(a);         
  16.        //    alert(b); 
  17.             alert(c); 
  18.  
  19.             //     jquery  prop jquery1.6+  
  20.        //    $("#cb1").attr("checked","checked");//1.5- 
  21.        //    $("#cb1").attr("checked",true);//1.5- 
  22.  
  23.        //   $("#cb1").prop("checked","checked");//1.6+( ) 
  24.  
  25.        //    $("#cb1").prop("checked",true);//1.6+ 
  26.        //    $("#cb1").prop({checked:true});//1.6+ 
  27.        //    $("#cb1").prop("checked",function(){ 
  28.        //        return  true;//1.6+ 
  29.        //    });                 
  30.         })(); 
  31.      
  32.         </script> 
  33.     </head> 
  34.     <body> 
  35.         <!-- checked--> 
  36.     <input id="cb1" type="checkbox" checked /> 
  37.     <input id="cb2" type="checkbox" checked="checked"/> 
  38.     </body> 
  39. </html> 

전재하다http://www.cnblogs.com/0banana0/archive/2011/11/16/2251855.html

좋은 웹페이지 즐겨찾기