prop()으로 체크박스 선택/해제 기능 구현

 

prop()의 경우Javascript로 속성값을 가져오거나 수정할때 사용된다.

 

.prop("propertyName")의 경우

속성값을 가져오고

 

.prop("propertyName", value)는

속성값을 추가해준다.

 

 

 

 

 

 

 

이 경우 게시판에서 전체선택을 누르면 그 아래 해당되는 체크박스를 모두 선택하게 하기 위해서 쓴 것이다.

 

전체선택("#allCheck")을 click하면 name이 noList인 체크박스로 가서 선택을 해주는데,

 

단순히 체크만 되게 하려면

 

 

이렇게 하면 되겠지만, 이 경우 전체 선택을 해제하려고 할때는 

전체 선택만 해제되고, 그 아래 선택되었던 체크박스들은 체크된 상태를 유지한다.

 

 

 

 

 

그래서 이렇게

$("#allCheck").prop("checked") 를 추가하여

이게 true 일때는 아래 name이 noList인 체크박스의 상태가 checked 되게 하고

false일 때는 체크박스의 상태가 unchecked 되게 하여

전체 선택 박스 하나로 전체를 컨트롤 할수 있게 만들어준다