[js]체크박스 텍스트 알아내기
2006/09/17
…라는 제목으로 phpschool 에 글이 올라와있었는데, 코드가 IE전용이다.
왜 이런걸 IE전용으로 만들었을까… 하는 생각에 답글로 달았던 코드다.
예제는 원본글과 동일하다. 사실… 꼭 저렇게 구조가 결정된다는 보장이 없으면 사용할 수 없는 코드이기도 하다.
즉, 체크박스 바로 다음에 텍스트가 있지 않으면 사용할 수 없다는 뜻. 그런데 그건 원본글도 그렇더라.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New Document </TITLE> 5 6 <SCRIPT LANGUAGE="JavaScript"> 7 8 <!-- 9 function checkComplete() { 10 var obj = document.getElementsByName('colorlist'); 11 for(var i=0; obj.length; i++) { 12 if (obj[i].checked) alert(obj[i].nextSibling.nodeValue); 13 } 14 } 15 //--> 16 17 </SCRIPT> 18 19 </HEAD> 20 <BODY> 21 <INPUT TYPE="checkbox" NAME="colorlist" value="red">빨갱이 22 <INPUT TYPE="checkbox" NAME="colorlist" value="yellow">누렁이 23 <INPUT TYPE="checkbox" NAME="colorlist" value="blue">파랑이 24 <p> 25 <input type="button" onClick="checkComplete()" value="Text확인"> 26 </BODY> 27 </HTML>
label태그를 활용하시면 어떨까요? ^^;