[js]체크박스 텍스트 알아내기

…라는 제목으로 phpschool 에 글이 올라와있었는데, 코드가 IE전용이다.
왜 이런걸 IE전용으로 만들었을까… 하는 생각에 답글로 달았던 코드다.

예제는 원본글과 동일하다. 사실… 꼭 저렇게 구조가 결정된다는 보장이 없으면 사용할 수 없는 코드이기도 하다.
즉, 체크박스 바로 다음에 텍스트가 있지 않으면 사용할 수 없다는 뜻. 그런데 그건 원본글도 그렇더라.

[code type=html]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
<!–
function checkComplete() {
.var obj = document.getElementsByName(‘colorlist’);
.for(var i=0; obj.length; i++) {
..if (obj[i].checked) alert(obj[i].nextSibling.nodeValue);
.}
}
//–>
</SCRIPT>
</HEAD>

<BODY>
<INPUT TYPE=”checkbox” NAME=”colorlist” value=”red”>빨갱이
<INPUT TYPE=”checkbox” NAME=”colorlist” value=”yellow”>누렁이
<INPUT TYPE=”checkbox” NAME=”colorlist” value=”blue”>파랑이
<p>
<input type=”button” onClick=”checkComplete()” value=”Text확인”>
</BODY>
</HTML>
[/code]

댓글을 남겨주세요