フォームで個数の選択をプルダウンではなくボタンにしたい

フォームで個数の選択をプルダウンではなくボタンにしたいのですが、

<script>
<!--
function plus(chk){
chk.value++;
if (chk.value==6) {chk.value=5}
}
function minus(chk){
chk.value--;
if (chk.value==0) {chk.value=0}
}
// -->
</script>

↓この状態ですと動きますが、
<input type="text" class="parts_input" name="unit1" value="0">
<input type="button" class="parts_btn" value="＋" onClick="plus(this.form.unit1)">
<input type="button" class="parts_btn" value="－" onClick="minus(this.form.unit1)">

<input type="text" class="parts_input" name="unit2" value="0">
<input type="button" class="parts_btn" value="＋" onClick="plus(this.form.unit2)">
<input type="button" class="parts_btn" value="－" onClick="minus(this.form.unit2)">


↓こうしますと（当然）動きません。
<input type="text" class="parts_input" name="item[1][unit]" value="0">
<input type="button" class="parts_btn" value="＋" onClick="plus(this.form.unit1)">
<input type="button" class="parts_btn" value="－" onClick="minus(this.form.unit1)">

<input type="text" class="parts_input" name="item[2][unit]" value="0">
<input type="button" class="parts_btn" value="＋" onClick="plus(this.form.unit2)">
<input type="button" class="parts_btn" value="－" onClick="minus(this.form.unit2)">

品物の数が常に変動するため、DBより動的に取得して配列にする必要があります。
何とか動くようにならないでしょうか？

宜しくお願いいたします。

質問者からの補足コメント

• 

  fujillin 樣
  
  素人で申し訳ありません。具体的にはどの部分を修正すればよいでしょう？

  No.1の回答に寄せられた補足コメントです。 補足日時：2017/07/29 10:54

No.1 ベストアンサー 回答者： fujillin 回答日時： 2017/07/29 10:18

こんにちは

対象要素を指定できていないので、動作しないことはおわかりと思います。
要素のnameが、スクリプトの配列表記法と同じになってしまっているので、お悩みなのかと。

確認してはいませんが、ブラケット表記でnameを文字列として指定するのではうまくいかないでしょうか？
　form.elements["name"]
といった感じです。

この回答へのお礼

ありがとうございました。
nameではどうしても動きませんでしたが、idにしたら動きました。
<input type="button" class="parts_btn" value="＋" onClick="plus(document.getElementById('ここにID'))">
お世話かけました。

お礼日時：2017/07/30 00:12