質問編集履歴
2
解決
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -145,3 +145,103 @@
|
|
|
145
145
|
|
|
146
146
|
|
|
147
147
|
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
追記：ありがとうございます。できました！
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
```lang-html
|
|
158
|
+
|
|
159
|
+
<p>入力</p>
|
|
160
|
+
|
|
161
|
+
<div style="display:inline-flex">
|
|
162
|
+
|
|
163
|
+
<form id="f1">
|
|
164
|
+
|
|
165
|
+
<div class="moji">
|
|
166
|
+
|
|
167
|
+
<input type="date" name="day" id="day" class="day">
|
|
168
|
+
|
|
169
|
+
<input type="number" class="money" name="money" id="money"> 円
|
|
170
|
+
|
|
171
|
+
<input type="submit" value="入力" class="kettei1"></div>
|
|
172
|
+
|
|
173
|
+
</form>
|
|
174
|
+
|
|
175
|
+
</div>
|
|
176
|
+
|
|
177
|
+
</div>
|
|
178
|
+
|
|
179
|
+
<div class="nokori">
|
|
180
|
+
|
|
181
|
+
<p>今月の残り課金額</p>
|
|
182
|
+
|
|
183
|
+
<p><output name="result" >0</output>円</p>
|
|
184
|
+
|
|
185
|
+
</div>
|
|
186
|
+
|
|
187
|
+
<br>
|
|
188
|
+
|
|
189
|
+
<p>履歴</p>
|
|
190
|
+
|
|
191
|
+
<table id="t1" border="1">
|
|
192
|
+
|
|
193
|
+
<thead>
|
|
194
|
+
|
|
195
|
+
<tr>
|
|
196
|
+
|
|
197
|
+
<th>日付</th>
|
|
198
|
+
|
|
199
|
+
<th>金額</th>
|
|
200
|
+
|
|
201
|
+
</tr>
|
|
202
|
+
|
|
203
|
+
</thead>
|
|
204
|
+
|
|
205
|
+
<tbody>
|
|
206
|
+
|
|
207
|
+
</tbody>
|
|
208
|
+
|
|
209
|
+
</table>
|
|
210
|
+
|
|
211
|
+
<input type="reset" value="クリア">
|
|
212
|
+
|
|
213
|
+
</div>
|
|
214
|
+
|
|
215
|
+
```
|
|
216
|
+
|
|
217
|
+
```lang-jquery
|
|
218
|
+
|
|
219
|
+
// This is a JavaScript file
|
|
220
|
+
|
|
221
|
+
$(function(){
|
|
222
|
+
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
/* ここにjQueryのコードを記述 */
|
|
226
|
+
|
|
227
|
+
$('#f1').on('submit',function(e){
|
|
228
|
+
|
|
229
|
+
e.preventDefault();
|
|
230
|
+
|
|
231
|
+
var v_day=$("#day").val();
|
|
232
|
+
|
|
233
|
+
var v_money=$("#money").val();
|
|
234
|
+
|
|
235
|
+
if(v_day!=="" && v_money!==""){
|
|
236
|
+
|
|
237
|
+
$('#t1 tbody').append($('<tr>').append($('<td>').text(v_day)).append($('<td>').text(v_money)));
|
|
238
|
+
|
|
239
|
+
$("#day,#money").val("");
|
|
240
|
+
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
});
|
|
244
|
+
|
|
245
|
+
});
|
|
246
|
+
|
|
247
|
+
```
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
monacaで自分用のアプリを作成しています。
|
|
2
2
|
|
|
3
|
-
inputで作成した
|
|
3
|
+
inputで作成した入力欄に入力した日付、金額をそのままtabeleに追記していくjqueryのコードが知りたいです。
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
ソースはhtmlのもので、jqueryは何も入力されていません。
|
|
12
|
+
|
|
13
|
+
（色々入力して結局分からなかったので…）
|
|
12
14
|
|
|
13
15
|
|
|
14
16
|
|
|
@@ -139,3 +141,7 @@
|
|
|
139
141
|
</table>
|
|
140
142
|
|
|
141
143
|
```
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|