Jquery[제이쿼리] :checked 셀렉터 배우기

안녕하세요~ 제이쿼리공장장 주니주니 입니다.

오늘은 제이쿼리[jquery] :checked 셀렉터를 배워보겠습니다.

이렇게 준비해보았습니다.!^ㅡ^/

이렇게 나오면 성공! 이랍니다.
그럼 시작해볼까요.

=============================== 
$('input[type="checkbox"]').on('click',function(){
   var Text="";
   $('input[type="checkbox"]:checked').each(function(){
    Text= Text+$(this).val();
   });
   alert(Text);
  });
===============================
type이 checkbox인 <input>태그를 click하면
Text변수의 값을 초기화 시키고 <== 값 확인용 변수입니다.
type이 checkbox인 <input>태그중  checked가 되어있는 수만큼
each()메서드를 통하여 반복합니다.!
그리고 체크박스들중 체크된 요소들의 값을 Text변수에다가 붙여준답니다.
앞에 내용이 안사라지도록 Text=Text+내용 <== 이렇게 해주었답니다. 
※:checked 셀렉터란 체크박스 / 라디오 버튼들중에 체크된 요소들을 리턴하여준답니다. 

실행을 한뒤! 안녕하세요! 의 체크박스를 클릭한뒤의 화면입니다.

그다음 복많이받으세요. 부분을 체크하니 이어서 나오네요!

그리고 안녕하세요.! 체크박스의 체크를 해제한 뒤의 모습입니다.

마지막으로 모든 체크박스를 체크한뒤의 모습입니다.!

오늘은 제이쿼리[jquery] :checked 셀렉터를 배워보았습니다.
그럼 다음에 또만나요~