自動填充輸入框中的數據

Question

我有四個輸入框。 如果用戶填充第一個框並單擊按鈕，則應在第一個框中使用值用戶輸入自動填充剩余的輸入框。 可以使用javascript完成嗎？ 或者我應該說文本框預先填入用戶輸入的最后數據？

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>

用javascript

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

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

假設你有jQuery可用。 你可以在這里看到它： http ： //jsfiddle.net/ramsesoriginal/yYRkM/

雖然我想請注意，你不應該只為這個功能包含jQuery ...如果你已經擁有它，它很棒，但是只需要使用：

 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 ;
 }

你也可以看到它的實際效果： http ： //jsfiddle.net/ramsesoriginal/yYRkM/

Answer 3

或者如果輸入：復選框

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