테스트 사이트 - 개발 중인 베타 버전입니다

radio 버튼 클릭하면 input text 값 넘겨주기

· 2년 전 · 1532 · 6

[code]

     <script>
        fillFrom = function(obj){
            var c = obj.value.split('|');
            for(var i=c.length; i--;){
                b[i].value = c[i];
            }
        }    

    </script>
   <div>
        <div>
            <label for="wr_1">라디오버튼<strong>필수</strong></label>
            <div>
                <input type="radio" name="wr_1" value="선택1">
               선택1
            </div>
            <div>
                <input type="radio" name="wr_1" value="선택2">
               선택2
            </div>
            <div>
                <input type="radio" name="wr_1" value="선택3">
               선택3
            </div>
            <div>
                <input type="radio" name="wr_1" value="">
               기타
            </div>
        </div>
        <div>
            <label for="wr_1">input text 입력<strong>필수</strong></label>
            <div>
                <input type="text" name="wr_2" id="wr_2" value="" placeholder="input text 입력">
            </div>
        </div>
    </div>
    <script>
        var a = document.getElementsByName('wr_1'),
            b = [
                document.getElementById('wr_2'),
            ];

        for (var j=0;j<a.length;j++)
        {
            a[j].onclick = function(){
                fillFrom(this);
            }
        }
        window.onload = function(){
            for (var k=0;k<a.length;k++)
            {
                if(a[k].defaultChecked) fillFrom(a[k]);
            }
        }
    </script>

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

2년 전
감사 합니다.
감사합니다.
광고신청폼에 사용가능
2년 전
감사합니다. ^^
감사합니다!
2년 전
감사합니다~

게시글 목록

번호 제목
3530
3529
3497
3472
3471
3451
3442
3441
3437
3436
3425
3421
3420
3405
3402
3399
3397
3394
3393
3392
3391
3390
3389
3388
3387
3386
3385
3384
3383
3382