# CheckBox 체크된 영역의 속성 값 읽기
Why ?
- 팀 프로젝트 진행 중 테이블형 게시판List에서 체크박스가 체크되어진 값에 대해 속성 값을 얻어야 하는 기능 작업.
Refer
How ?
- 로직 : 버튼 클릭 -> (여러개)체크박스 체크 된 Tr의 Id값 얻기.
- .is(:checked) 를 통하여 체크여부 확인.
- .each 반복문을 사용하여 체크된(여러개 가능) 영역에 해당하는 곳에서 속성 값 얻기.
- 반복문을 통하여 값을 얻어야하므로 배열에 값을 담는다.
// 삭제버튼 클릭이벤트 발생.
$('#deledteCamera').on('click', function(){
// CheckBox 검사
if ($('input:checkbox[name="checkbox"]').is(":checked")){
var names = [];
$('#list input:checked').each(function() {
names.push(this.id); //Check된 Check박스의 "Id"태그 얻기.
});
console.log(names)
}
'Html and Jquery' 카테고리의 다른 글
[CSS] Float 속성 및 Clear속성 설명. (0) | 2016.08.22 |
---|