17. 체크된 데이터만 나오게하기 (속성동등선택자)

체크된데이터를 검색버튼을 누르면 그 데이터만 나타나게 만들어보자.

고려해야 할것은 체크된 데이터만 mvc를 타서 거기서 웹단으로 보낼때 애초에 체크된 데이터만 보내던가

그리고 검색버튼을 누르고 나서 새로고침이 될때 체크된 4번 5번이 유지되어야 하는 부분을 신경써야한다.

 

 

 

 

 

 

 

3번, 4번의 value 값은 3 , 4 이다. 이걸 mvc타고 where에 쿼리 질의를 해서 애초에 체크된 값만 jsp단으로 넘겨줘도 되고 통째로 넘겨서 if문으로 걸러서 써도 된다.

여기서 는 통째로 넘긴후 if문으로 걸러보도록한다.

위 크롬디버깅을 보면 id는 각각 체크박스가 다르지만 name은 똑같다!

같은 name인것 들을 타겟 잡는걸 '속성동등선택자' 라고 한다.

 

 

 

 

 

 

 

$("[name=chkNum]")    : name이 chkNum인게 전부 선택된다. (속성동등선택자)

 

 

 

 

 

 

$("[name=chkNum]").checked  : 체크된 데이터만 나온다.

 

 

 

 

그러나 .val() 로 꺼내려고하면 앞에 숫자 3 하나만 나온다 ㅡㅡ;

뭐 그건 다음게시물에서 설명하기로하고

 

 

 

 

 

$("[name=chkNum]").checked을 alert으로 찍어보면

 

 

 

 

 

 

 

3,4 로 체크된것만 뜬다