입력란에 데이터를 자동으로 입력하십시오.

Question

4 개의 입력란이 있습니다. 사용자가 첫 번째 상자를 채우고 단추를 클릭하면 첫 번째 상자에 사용자 입력 값이있는 나머지 입력 상자가 자동 ​​완성됩니다. 그것을 자바 스크립트를 사용하여 수행 할 수 있습니까? 또는 사용자가 입력 한 마지막 데이터로 텍스트 상자를 미리 채우라고해야합니까?

Answer 1

버튼 클릭,이 함수

function fillValuesInTextBoxes() 
{ 
    var text = document.getElementById("firsttextbox").value; 

    document.getElementById("secondtextbox").value = text; 
    document.getElementById("thirdtextbox").value = text; 
    document.getElementById("fourthtextbox").value = text; 
} 

Answer 2

네, 가능하다고에게 문의하십시오. 예를 들어 :

<form id="sampleForm"> 
    <input type="text" id="fromInput" /> 
    <input type="text" class="autofiller"/> 
    <input type="text" class="autofiller"/> 
    <input type="text" class="autofiller"/> 
    <input type="button"value="Fill" id="filler" > 
    <input type="button"value="Fill without jQuery" id="filler2" onClick="fillValuesNoJQuery()"> 
</form> 

가정 자바 스크립트

function fillValues() { 
     var value = $("#fromInput").val(); 
     var fields= $(".autofiller"); 
     fields.each(function (i) { 
     $(this).val(value); 
     }); 
} 

$("#filler").click(fillValues); 

하면 aviable jQuery 있습니다. 현재 작업을 볼 수 있습니다 당신은 이미 그것을 가지고 있다면 당신은 그냥이 기능을 jQuery를 포함하지 않아야주의 싶습니다 있지만 http://jsfiddle.net/ramsesoriginal/yYRkM/

..., 그것은 큰하지만 다른 단지로 이동합니다

fillValuesNoJQuery = function() { 
     var value = document.getElementById("fromInput").value; 
     var oForm = document.getElementById("sampleForm"); 
     var i = 0; 
     while (el = oForm.elements[i++]) if (el.className == 'autofiller') el.value= value ; 
} 

당신은 너무 행동에 그것을 볼 수 있습니다

Answer 3

경우 또는 http://jsfiddle.net/ramsesoriginal/yYRkM/ 입력 : 체크 박스

document.getElementById("checkbox-identifier").checked=true; //or ="checked"