안규 공부방

Javascript & JQuery & CSS > Jquery Selector - checkbox 예제.

등록일 : 2017-07-04 16:11 조회수 : 94,697

1.  checkbox checked 여부
     //id 인 경우
     $('input:checkbox [ id="checkbox_id" ]').is(":checked") == true;

     // name인 경우 
     $('input:checkbox [ name="checkbox_name"]').is(":checked") == true;
   
2. checkbox 전체 갯수 체크
     $('input:checkbox [ name="checkbox_name"]').length

3. checkbox 선택된 갯수 
     $('input:checkbox [ name="checkbox_name"]:checked').length

4. checkbox 전체 순회 하며 checked 처리
   $('input:checkbox [ name="checkbox_name"]').each(function() {
          this.checked = true;
           if ( $(this).is(":checked") ) {
                //처리로직;         
           }
   });

5. checkbox value 값 가져오기
     $('input:checkbox [ id="checkbox_id" ]').val();
   
6. checkbox checked 처리하기
     $('input:checkbox [ id="checkbox_id"]').attr("checked", true);

 
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.