[ jquery ] 체크박스 제어 > javascript&jQuery

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ jquery ] 체크박스 제어

작성자 웹지기
작성일 18-09-05 16:02 | 조회 4,285 | 댓글 0

본문

체크여부 확인

   - id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환

   $("#chkBox").is(":checked") ;

   $("input:checkbox[id='chkBox']").is(":checked") ;


   * 1.6이상일때 권장 사용법

   $("#chkBox").prop("checked") ;


체크박스 갯수 가져오기

  - 선택된 체크박스 갯수 구하기

  $("#chkBox:checked").length ;


  - 전체 체크박스 갯수 구하기

  $("#chkBox").length ;


체크박스 전체 선택하기 / 해제하기

  - 전체 선택하기

  $("#chkBox").prop('checked', true) ;

  $("#chkBox").attr('checked', true) ;



  - 전체 해제하기

  $("#chkBox").prop('checked', false) ;

  $("#chkBox").attr('checked', false) ;


체크된 체크박스 value 가져오기

   $('#chkBox:checked').each(function() { 

        alert($(this).val());

   });


체크박스 클릭시 이벤트 주기

   function Alerttest(){

        alert('text');

   }

   $("#chkBox" ).on( "click", Alerttest());

0 0

댓글목록 0

등록된 댓글이 없습니다.

javascript&jQuery 목록

Total 63
게시물 검색

회원로그인

접속자집계

오늘
5,675
어제
31,923
최대
61,067
전체
18,315,599

그누보드5
Copyright © funyphp.com. All rights reserved.