![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
フォームで個数の選択をプルダウンではなくボタンにしたいのですが、
<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より動的に取得して配列にする必要があります。
何とか動くようにならないでしょうか?
宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
こんにちは
対象要素を指定できていないので、動作しないことはおわかりと思います。
要素のnameが、スクリプトの配列表記法と同じになってしまっているので、お悩みなのかと。
確認してはいませんが、ブラケット表記でnameを文字列として指定するのではうまくいかないでしょうか?
form.elements["name"]
といった感じです。
ありがとうございました。
nameではどうしても動きませんでしたが、idにしたら動きました。
<input type="button" class="parts_btn" value="+" onClick="plus(document.getElementById('ここにID'))">
お世話かけました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
ダミーフォームの内容を送信用...
-
大量のselect要素のvalueを短い...
-
選択したラジオボタンに対応し...
-
VBAをJavaScriptに変換したいです
-
テキストボックスに入力された...
-
セレクトボックスの初期選択状...
-
firefoxでJavascriptのフォーム...
-
VB.NET DateTimeの型について
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
ボタンを押すとテキストボック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
javascriptでhiddenに二次元配...
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
switchを使って四則演算のプロ...
-
VB.NET DateTimeの型について
-
クイズ作成:15個の問題から5個...
-
C言語クイックソートの比較総回...
-
セレクトボックスの初期選択状...
-
ラジオボタンの選択で解答・点...
-
子から親へチェックボックスの...
-
ラジオボタンと連動して文字列...
-
setIntervalの間隔を途中で変更...
-
JAVASCRIPTで、ボタンを押した...
-
sessionStorageを調べています。
-
クリックの度に加算していくには?
-
マクロ オブジェクト変数With...
-
3桁区切りのカンマをつけたい...
-
selectboxのoptionタグのvalue...
おすすめ情報
fujillin 樣
素人で申し訳ありません。具体的にはどの部分を修正すればよいでしょう?