JSでチェックボックスが変更された場合に、フォームを送信させたいと思っています。
addEventListenerを使って下記のようなコードを書いたところ、チェックボックス変更時にフォーム送信がなされるという処理は実現できました。
しかし、下記のように、同じform内に複数の入力ボックスやラジオボタンなどがあるのですが、それらを変更したときにも、勝手にフォームが送信されてしまいます。
どこがいけないのでしょうか。
ご指導お願いいたします。
★すみません、投稿時に少しミスをしているかもしれません。修正中です。
→修正しました。
HTMLの構成
html
1<form id="basic_form" method="get" action="----" name="basic_search"> 2 <input type="text" ~~> 3 4 <input type="radio" name="--" value="and" >and 5 <input type="radio" name="--" value="or" >or 6 7 <div id="checkbox_id"> 8 <input type="checkbox" name="codeType" value="---" > 9 <input type="checkbox" name="codeType" value="---" > 10 <input type="checkbox" name="codeType" value="---" > 11 </div> 12</form>
JS
js
1document.forms.basic_search.codeType.forEach(function(){ 2 addEventListener("change",function(){ 3 document.forms.basic_search.submit(); 4 }) 5}); 6
現象
ラジオボタンやその他のテキストボックスを変更しても、submitが実行される。
回答3件
あなたの回答
tips
プレビュー