jquery checkbox 조작의 상용 방법 총결산 [테스트 원본 다운로드 첨부]

본고의 실례는 jquery가 checkbox를 조작하는 데 자주 사용하는 방법을 설명하였다.여러분에게 참고하도록 공유하겠습니다. 구체적으로는 다음과 같습니다.
시스템을 만드는 과정에서 checkbox 복선상자와 접촉하는 것은 불가피한 것이다. 그리고 모든 시스템에서 빼놓을 수 없는 요리이다. 일반적인 조작은 몇 가지가 있다.
1. jquery로 checkbox 모두 선택 2.jquery로 checkbox 모두 취소 3.jquery로 체크박스 역선택 4.jquery로 선택한 checkbox의 값을 가져옵니다.
현재 이러한 자주 사용하는 조작을 하나의 예에서 정리하면 나중에 조회하기 편리하고 코드를 보기 싫으면 원본 코드 운행 테스트를 다운로드할 수 있다.

  
  
  
  
  
    $(function() {
       /*      */
      $("#controlall").click(function() {
        $('input[name="selectdivision"]').attr("checked",this.checked);
      });
      var $subBox = $("input[name='selectdivision']");
      $subBox.click(function(){
          $("#controlall").attr("checked",$subBox.length == $("input[name='selectdivision']:checked").length ? true : false);
      });
      /*  */
      var reverseBtn=$('#reverseselect');
      reverseBtn.click(function(){
         $("[name='selectdivision']").each(function(){
          if($(this).attr("checked"))
          {
            $(this).removeAttr("checked");
          }
          else
          {
            $(this).attr("checked",'true');
          }
         })
      });
      /*     */
      var getvalueBtn=$('#getValButton');
      getvalueBtn.click(function(){
          var val_array=[];
                 $("input:checkbox[name=selectdivision]:checked").each(function(){
                   val_array.push(parseInt($(this).val()));
                 });
                 alert(val_array.join());
      });
    });




  

     

      
  /   
      

         
         
        
     
     

      

      
1
     
     

      

      
2
     
     

      

      
3
     
     

      

      
4
     
     

      

      
5
     
     

      

      
6
     
  

원본 코드를 클릭하면 본 사이트에서 다운로드할 수 있습니다.
더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 보실 수 있습니다.,,,,,,,,《jQuery 확장 기교 총결산》 및 《jquery 선택기 용법 총결산》
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.