一括で値を入力するには？

質問

メインとするテキストフィールドに値を入れボタンを押すと指定の
フィールドにメインで入力された値が一括で入力されるものを作りたく
調べてみたのですが一括でチェックボックスのON,OFFはみつかったの
ですがどうやればできるのでしょうか？

<form method="post" action="#">
<input type="text" name="fee[1]" value="" /> 円
<input type="text" name="fee[2]" value="" /> 円
<input type="text" name="fee[3]" value="" /> 円
・・・
<input type="text" name="fee[48]" value="" /> 円
</form>

現在このようになっております。
用途は送料を一括で入力するものであり入力する値は基本的に半角
数字です。

例えばですがこれに

<input type="text" name="feeall" value="" /> 円
<a href="#" onclick="feeset()">設定</a>

とフィールドを追加し設定をクリックするとfeeallに入力した値が
feeの配列に一括で入力できるようにしたいと思っておりますが方法が
わかりません。

詳しい方おりましたら宜しくお願い致します。

回答No.1

yambejp · ベストアンサー

たとえばこんな感じでnameを総なめして値を設定するとか

<script>
function feeset(){
var array_name="fee";
var f=document.getElementById("f0");
for(var i=0;i<f.length;i++){
if(f[i].name.match(RegExp("^"+array_name+"\\[\\d+\\]$"))) f[i].value=f.elements["feeall"].value;
}
return false;
}
</script>

<form method="post" action="#" id="f0">
<p>
<input type="text" name="fee[1]" value="" /> 円<br />
<input type="text" name="fee[2]" value="" /> 円<br />
<input type="text" name="fee[3]" value="" /> 円<br />
<input type="text" name="fee[46]" value="" /> 円<br />
<input type="text" name="fee[47]" value="" /> 円<br />
<input type="text" name="fee[48]" value="" /> 円<br />
<input type="text" name="feeall" value="" /> 円 <a href="#" onclick="return feeset()">設定</a>
</p>
</form>

お礼

お返事ありがとうございます。
素晴らしい限りで思うように動作させることができました。
いつも的確なアドバイスを頂き非常に感謝です。
ありがとうございました！