checkbox 속성 추가(다건의 attribute)

HTML로 웹페이지를 만들다 보면 어쩔 수 없이 input 태그에 표준 속성이 아닌 속성을 사용해야할 때가 있다.

가급적이면 쓰고 싶지 않지만, 체크한 것의 특정 값을 가져오기가 애매한 경우가 있다.

(자바스크립트로 Array에 담아서 비교해가며 할 수도 있지만, 그 방법 보다는 아래 방법이 더 편리할 것이다.)

만약 체크한 것의 값 뿐만이 아니라 다른 속성을 가져오고 싶다면 어떻게 해야할까?

.

input type="checkbox" name="chk" age="11111" grade="80" math="75" value="CHRIS"

위와 같이 코드에 속성을 추가해서 사용하면 된다. 

그리고 체크된 오브젝트의 값은 아래와 같이 사용해서 값을 가져오면 된다.

 

그리고 속성값을 가져올 때는 checkedObj.getAttribute("속성명")을 사용해서 값을 가져오면 된다.

.