JavaScriptのメソッドがHTMLで動作しない

Question

クリックしたときにAllEntered() JavaScriptメソッドを呼び出すボタンがあり、最終的なif/elseに表示されるように、submission.htmlまたはadmin.htmlになるはずですが、それらのうち、私が現在いるページをリロードするだけです。これはフォームの中にあり、その目的はすべてのチェックボックス入力がチェックされているかどうかをチェックすることです。また、アラートはloop-numberが生成されないために入れません。

button onclick="AllEntered()" class="myButton">Submit</button> 
    <script> 
     function AllEntered() 
     { 
      var ids = {"freshSoph", "participate", "respect", "leave", "illegal", "alcohol", "typeName"}; 
      var loopNumber = 0; 
      for(var i = 0; i < ids.length - 1; i++) 
       { 
        if(document.getElementById(ids[i]).checked) 
        { 
         loopNumber++; 
         alert(loopNumber.value); 
         } 
        } 
        if(loopNumber = ids.length) 
        { 
         window.open("submission.html"); 
        } 
        else 
        { 
         window.open("admin.html"); 
        } 
       } 
    </script> 

Answer 1

ブラウザの開発者用ツールを開きます。エラーメッセージを読んでください。

あなたはタイプミスがあります。アレイは[]で作成され、{}ではありません。

（もちろん、フォームを送信すると、フォーム内の送信ボタンをクリックするとページがリロードされます）。フォームで

Answer 2

、このボタンの下に、そのように提出するタイプの隠し入力として1つの以上のボタンを追加します。

<button hidden type="Submit"> 

あなたの問題はあなたがタイプの送信ボタンを欠けていることに起因することができます。

フォームにSubmitタイプのボタンがない場合（クリックすると、ターゲットが指定されていない場合はフォームがターゲットまたはTO ITS SELFに送信されます）、これはポストバックと呼ばれます。任意のボタンを使用して、提出イベントライザーとしてクリックします。

実際の送信ボタンを追加すると、このデフォルトの動作が削除され、コントロールが非表示になってもコントロールがアクティブではないため、ユーザーはクリックできなくなります。