선택한 체크박스 value값을 실시간으로 input박스에 디스플레이 합니다.
WEB/자바 2008. 3. 2. 00:11<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
</head>
<body>
<form name=exf1>
1<input type="checkbox" name="c1" onclick=showpicks() value="단무지"><BR>
2<input type="checkbox" name="c2" onclick=showpicks() value="감자"><BR>
3<input type="checkbox" name="c3" onclick=showpicks() value="시금치"><BR>
4<input type="checkbox" name="c4" onclick=showpicks() value="고구마"><BR>
5<input type="checkbox" name="c5" onclick=showpicks() value="양파"><BR>
6<input type="checkbox" name="c6" onclick=showpicks() value="상추"><BR>
<input type=text onfocus=blur() name=t1 value="" size=30>
</form>
<script type=text/javascript>
function showpicks() {
_s = "";
if (document.exf1.c1.checked) _s += "단무지 ";
if (document.exf1.c2.checked) _s += "감자 ";
if (document.exf1.c3.checked) _s += "시금치 ";
if (document.exf1.c4.checked) _s += "고구마 ";
if (document.exf1.c5.checked) _s += "양파 ";
if (document.exf1.c6.checked) _s += "상추 ";
document.exf1.t1.value = _s;
}
</script>
</body>
</html>
출처 : 블루비
<HEAD>
<TITLE>BLUE-B</TITLE>
</head>
<body>
<form name=exf1>
1<input type="checkbox" name="c1" onclick=showpicks() value="단무지"><BR>
2<input type="checkbox" name="c2" onclick=showpicks() value="감자"><BR>
3<input type="checkbox" name="c3" onclick=showpicks() value="시금치"><BR>
4<input type="checkbox" name="c4" onclick=showpicks() value="고구마"><BR>
5<input type="checkbox" name="c5" onclick=showpicks() value="양파"><BR>
6<input type="checkbox" name="c6" onclick=showpicks() value="상추"><BR>
<input type=text onfocus=blur() name=t1 value="" size=30>
</form>
<script type=text/javascript>
function showpicks() {
_s = "";
if (document.exf1.c1.checked) _s += "단무지 ";
if (document.exf1.c2.checked) _s += "감자 ";
if (document.exf1.c3.checked) _s += "시금치 ";
if (document.exf1.c4.checked) _s += "고구마 ";
if (document.exf1.c5.checked) _s += "양파 ";
if (document.exf1.c6.checked) _s += "상추 ";
document.exf1.t1.value = _s;
}
</script>
</body>
</html>
출처 : 블루비
'WEB > 자바' 카테고리의 다른 글
| 테이블 보이기,감추기 table id 를 이용 (0) | 2011.02.11 |
|---|---|
| 주민등록번호 성인체크 (0) | 2008.03.02 |
| 체크박스클릭시 내용삽입 (0) | 2008.03.02 |
| 성인인증소스 _3 (0) | 2008.03.02 |