teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ありがとうございます。そもそもこのように自分のページにpushする場合も初期化されるのでしょうか?

2017/12/27 04:05

投稿

satosatope
satosatope

スコア12

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,46 @@
1
+ ```html
2
+ <ons-template id="q1.html">
3
+ <ons-page>
4
+ <ons-toolbar>
5
+ <div class="left">
6
+ <ons-back-button>Back</ons-back-button>
7
+ </div>
8
+ <div class="center">Q1</div>
9
+ </ons-toolbar>
10
+
11
+ <ons-list>
12
+ <ons-list-header>リスト</ons-list-header>
13
+ <ons-list-item tappable>
14
+ <label class="left">
15
+ <ons-checkbox name="q1" value="q101"></ons-checkbox>
16
+ </label>
17
+ <label for="check-1" class="center">apple</label>
18
+ </ons-list-item>
19
+ <ons-list-item tappable>
20
+ <label class="left">
21
+ <ons-checkbox name="q1" value="q102"></ons-checkbox>
22
+ </label>
23
+ <label for="check-2" class="center">orange</label>
24
+ </ons-list-item>
25
+ <ons-list-item tappable>
26
+ <label class="left">
27
+ <ons-checkbox name="q1" value="q103"></ons-checkbox>
28
+ </label>
29
+ <label for="check-3" class="center">grape</label>
30
+ </ons-list-item>
31
+ </ons-list>
32
+
33
+ <div style="text-align: center">
34
+ <br />
35
+ <ons-button modifier="light" onclick="myNavigator.pushPage('q1.html', { animation : 'slide' } ); checkq1()">
36
+ Pop Page?
37
+ </ons-button>
38
+ </div>
39
+
40
+
41
+ </ons-page>
42
+ </ons-template>
1
- Onsen UI のons-checkbox についてボタンを3回押されたところで次のhtmlに移り、2回目まで同じhtmlをpushするようなスクリプトを書きました。
43
+ ```Onsen UI のons-checkbox についてボタンを3回押されたところで次のhtmlに移り、2回目まで同じhtmlをpushするようなスクリプトを書きました。
2
44
 
3
45
  この場合、前回のcheckboxへの入力が残ってしまいます。
4
46
  3回初期化された状態で表示させるにはどのようにすれば良いのでしょうか?