낙

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

· 2023-06-01 (목) 08:52:49 · 2229 · 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개

감사 합니다.
감사합니다.
광고신청폼에 사용가능
2023-06-02 (금) 09:05:13
감사합니다. ^^
감사합니다!
감사합니다~
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 25-12-27 조회 769
CSS 25-12-17 조회 538
CSS 25-12-07 조회 670
CSS 25-11-20 조회 591
CSS 25-11-15 조회 670
기타 25-09-21 조회 725
CSS 25-09-09 조회 1,074
CSS 25-09-05 조회 1,066
CSS 25-08-16 조회 1,120
기타 25-07-23 조회 967
CSS 25-07-17 조회 1,293
CSS 25-06-27 조회 1,203
CSS 25-06-12 조회 1,140
CSS 25-06-09 조회 1,184
CSS 25-06-07 조회 993
25-01-30 조회 1,158
HTML 25-01-23 조회 1,422
CSS 24-10-21 조회 1,327
23-12-10 조회 1,811
HTML 24-02-12 조회 1,257
CSS 24-02-11 조회 1,567
CSS 24-01-28 조회 1,508
HTML 23-11-05 조회 2,246
기타 23-10-21 조회 1,494
CSS 23-09-04 조회 2,084
HTML 23-07-13 조회 1,911
CSS 23-06-14 조회 1,806
23-05-04 조회 4,212
23-05-03 조회 5,966
23-06-01 조회 2,230