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개

전체 1,264
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT