以下のようなHTMLとJavaScriptを用いてアプリを開発しています。ページを4回再読込して表示させていますが、その際関数内でlogを表示させると前のページで選択された項目のvalue値も表示されてしまいます。
毎回、初期化された状態でvalue値を取得するにはどうすればよいのでしょうか。
よろしくお願いします。
html
1<ons-template id="q1.html"> 2 <ons-page> 3 <ons-toolbar> 4 <div class="left"> 5 <ons-back-button>Back</ons-back-button> 6 </div> 7 <div class="center">Q1</div> 8 </ons-toolbar> 9 10 <ons-list> 11 <ons-list-header>リスト</ons-list-header> 12 <ons-list-item tappable> 13 <label class="left"> 14 <ons-checkbox name="q11" value="q101"></ons-checkbox> 15 </label> 16 <label for="check-1" class="center">りんご</label> 17 </ons-list-item> 18 <ons-list-item tappable> 19 <label class="left"> 20 <ons-checkbox name="q11" value="q102"></ons-checkbox> 21 </label> 22 <label for="check-2" class="center">ぶどう</label> 23 </ons-list-item> 24 <ons-list-item tappable> 25 <label class="left"> 26 <ons-checkbox name="q11" value="q103"></ons-checkbox> 27 </label> 28 <label for="check-3" class="center">みかん</label> 29 </ons-list-item> 30 <ons-list-item tappable> 31 <label class="left"> 32 <ons-checkbox name="q11" value="q104"></ons-checkbox> 33 </label> 34 <label for="check-4" class="center">なし</label> 35 </ons-list-item> 36 <ons-list-item tappable> 37 <label class="left"> 38 <ons-checkbox name="q11" value="q105"></ons-checkbox> 39 </label> 40 <label for="check-5" class="center">いちご</label> 41 </ons-list-item> 42 <ons-list-item tappable> 43 <label class="left"> 44 <ons-checkbox name="q11" value="q106"></ons-checkbox> 45 </label> 46 <label for="check-6" class="center">かき</label> 47 </ons-list-item> 48 </ons-list> 49 50 <div style="text-align: center"> 51 <br /> 52 <ons-button modifier="light" onclick="checkq1()"> 53 次へ 54 </ons-button> 55 </div> 56 </ons-page> 57 </ons-template>
js
1function checkq1() { 2 console.log("in checkq1."); 3 4 var ans = 0; 5 6 var checkboxq1 = document.getElementsByName('q11'); 7 for(var i = 0; i < checkboxq1.length; i++){ 8 if(checkboxq1[i].checked){ 9 console.log("value: " + checkboxq1[i].value); 10 ans++; 11 } 12 }; 13 ans = ans/2; 14 console.log(ans); 15 16 if (count < 4) { 17 myNavigator.pushPage('q1.html', { animation : 'slide' } ); 18 } else { 19 countReset(); 20 myNavigator.pushPage('q2.html', { animation : 'slide' } ); 21 }; 22 };
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/12 14:44