入力ボックスにデータを自動的に入力します

Question

4つの入力ボックスがあります。ユーザーが最初のボックスを塗りつぶしてボタンをクリックすると、残りの入力ボックスは最初のボックスの値のユーザー入力で自動入力されます。それは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

この関数を呼び出します。例：あなたはjQuery aviableを持っていると仮定したJavaScript

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

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

と

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

。あなたはそれがここで働いて見ることができます ：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"