radio 버튼 클릭하면 input text 값 넘겨주기 > 퍼블리셔팁

퍼블리셔팁

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

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

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

본문


     <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>
추천
6
  • 복사

댓글 6개

© SIRSOFT
현재 페이지 제일 처음으로