WOWpc의 거시기들 위치로그  |  태그  |  방명록
2009/09 에 해당하는 글1 개
2009/09/02   라디오 버튼과 SELECTBOX의 연동


[PREV] [1] [NEXT]
라디오 버튼과 SELECTBOX의 연동
References/JavaScript | 2009/09/02 17:41

2009/09/02 17:41 2009/09/02 17:41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>라디오 버튼과 SELECTBOX의 연동</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">

<script type="text/javascript" src="/js/mootools.js"></script>

<script type="text/javascript">
    function doChooseSelectBox(intSelectIndex) {
        $('selectchooser').focus();
        $('selectchooser').selectedIndex = intSelectIndex;
    }

    function doChooseInputBox(intSelectIndex) {
        var obj    = $('chooser' + intSelectIndex);
        obj.checked="checked";
    }
<
/script>
<style type="text/css">
p {
    margin:0;
}

#chooser {
    width:80px;
    height:100px;
}
<
/style>

</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight="0" bgcolor="FFFFFF">

    <form name="test" id="test" method="post" action="" onsubmit="return false;">
        <p>
            <input type="radio" name="chooser" id="chooser1" value="0" onclick="doChooseSelectBox(this.value);" /><label for="chooser1">11111</label>
            <input type="radio" name="chooser" id="chooser2" value="1" onclick="doChooseSelectBox(this.value);" /><label for="chooser2">22222</label>
            <input type="radio" name="chooser" id="chooser3" value="2" onclick="doChooseSelectBox(this.value);" /><label for="chooser3">33333</label>
            <input type="radio" name="chooser" id="chooser4" value="3" onclick="doChooseSelectBox(this.value);" /><label for="chooser4">44444</label>
            <input type="radio" name="chooser" id="chooser5" value="4" onclick="doChooseSelectBox(this.value);" /><label for="chooser5">55555</label>
        </p>

        <p>
            <select id="selectchooser" onchange="doChooseInputBox(this.value);">
                <option value="1">11111</option>
                <option value="2">22222</option>
                <option value="3">33333</option>
                <option value="4">44444</option>
                <option value="5">55555</option>
            </select>
        </p>
    </form>

</body>
</html>
크리에이티브 커먼즈 라이센스
Creative Commons License

태그 : ,
트랙백0 | 댓글0
이 글의 관련글(트랙백) 주소 :: http://blog.wowpc.net/trackback/320

[로그인][오픈아이디란?]
아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



[PREV] [1] [NEXT]
관리자  |   글쓰기
BLOG main image
거시기하게 살자!!!!
전체 (301)
WOWpc (175)
Taehee (17)
Photos (13)
Coming Soon(순이가 옵니다) (38)
References (56)
inputbox 비행기 오래된아파트 heisice 폴더만들기 번개 unlocker vista Highslide 무장탈영 유모차 응원 구글코리아 살수차 YTN마이너리포트 아기사랑방 탈영병 애드센스 구글 겜발라 Internet Explorer 8 Beta1 운명 팝업차단 중앙일보 귀족 방화벽 IT칼럼 아이디어 카시트 mootools
JavaScript 이벤트들
커맨드 프롬프트를 이쁘게~ (...
짜짜로니의 비밀 (1)
"사과" 방법에 대한 좋은 글
라디오 버튼과 SELECTBOX의 연동
감사합니다^^
07/29 - nhkh417
나 안전하고 믿을 수 있는 겜...
06/19 - 겜신
(핫뉴스)발기부전 남성들의...
04/06 - 크리블랜드
말밥 집에서 편하게 주세요...
03/29 - 조짖아1
아 ㅋㅋ 미치겠다 ㅋㅋㅋ 근...
02/23 - 미사흔
Buy cheap fioricet.
Fioricet.
Wrought iron outdoor patio...
Resin wicker outdoor furnit...
Instructions on how to play...
Learn to play poker.
Shaker furniture.
Shaker style furniture.
Cialis.
Generic cialis.
Total : 431025
Today : 96
Yesterday : 203
믹시
태터툴즈 배너
rss
 
 
 
위치로그 : 태그 : 방명록 : 관리자
WOWpc’s Blog is powered by Tattertools.com / Designed by plyfly.net