このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
プログラム言語:javascript_jquery:フォームの値_input_selectなど_の操作 [2019/05/21 12:42] yusuke_komori |
プログラム言語:javascript_jquery:フォームの値_input_selectなど_の操作 [2021/04/15 16:34] (現在) humolife |
||
---|---|---|---|
行 1: | 行 1: | ||
====== 【jQuery】フォームの値(input、selectなど)の操作 ====== | ====== 【jQuery】フォームの値(input、selectなど)の操作 ====== | ||
コピペして test.html などの htmlファイルとして保存すれば、そのまま動作確認が行なえます。 | コピペして test.html などの htmlファイルとして保存すれば、そのまま動作確認が行なえます。 | ||
- | ===== input の値(value)の操作 ===== | + | ===== input text の操作 ===== |
< | < | ||
< | < | ||
行 45: | 行 45: | ||
</ | </ | ||
- | ===== input(チェックボックス、ラジオボタン)の操作 ===== | + | ===== radio、checkbox(ラジオボタン、チェックボックス)の操作 ===== |
< | < | ||
< | < | ||
行 94: | 行 94: | ||
}); | }); | ||
}); | }); | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== 複数選択可(配列)の checkbox(チェックボックス)の操作 ===== | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | <script src=" | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <button type=" | ||
+ | |||
+ | < | ||
+ | $(function() { | ||
+ | $(' | ||
+ | let status = $(' | ||
+ | return $(this).val() | ||
+ | }).get() | ||
+ | console.log(status) | ||
+ | }) | ||
+ | }) | ||
</ | </ | ||
</ | </ |