Javascript/jQuery/フォーム(Form) - api_programming @ ウィキ

下位ページ

Content

formの値を取得する（総括）

【jQuery】フォーム部品の取得・設定まとめ - Qiita

formの無効化

disabled 属性を付与しておく

$("button").prop("disabled", true);

などで。
https://uxmilk.jp/40456

input要素の値を取得する

.val(), .val(値)

http://semooh.jp/jquery/api/attributes/val/_/

$(":checked")

http://semooh.jp/jquery/api/selectors/%3Achecked/

テキストボックス(text)

変更を検知する

$(テキストボックス).change(function(){...});

checkbox

チェック状態を確認する

.is(":checked")

.is(expr) - jQuery日本語リファレンス

チェックされている要素集合を取得する

$("input:checked")

チェックボックスやラジオボタンなど、checkする要素に対して、チェックされた要素を取得する。
:checked - jQuery日本語リファレンス

チェック状態を操作する

.prop("checked",true); // ON

.prop() - jQuery

チェックボックスを使用不可にする

.prop("disable",true); // 使用不可

ラジオボタン(radio)

設定する

$('[name=area][value=0]').prop('checked',true);

jQuery Mobileを使っていたら、リフレッシュが必要。
Javascript/jQuery Mobile/フォーム(Form)

変更を検知する

$('input[name="test"]').change(function() {...});

プルダウン (select)

値(value)を取得する

正確には、「選択されたもの」ではなく「選択されているもの」でしょうか。onChangeで変更が検知されたときに実行される関数のなかで「選択されている」ものを選ぶ。

$('select[name="smokingSelect"]').val()

http://jszuki.doorblog.jp/archives/31702159.html

値を設定する（選択する）

$('#id').val("0");

jQuery Mobileを使っていたら、リフレッシュが必要。
Javascript/jQuery Mobile/フォーム(Form)

selectで選択されたものの値(value)を取得する

正確には、「選択されたもの」ではなく「選択されているもの」でしょうか。onChangeで変更が検知されたときに実行される関数のなかで「選択されている」ものを選ぶ。
$('select[name="smokingSelect"]').val()
:checked - jQuery日本語リファレンス

http://www.buildinsider.net/web/jquerymobileref/21
SelectMenu Widget - jQuery Mobile

<label for="entry_book">書籍：</label>
<select id="entry_book" name="entry_book">
<option value="js">JavaScript本格入門</option>
<option value="android">はじめてのAndroidアプリ</option>
<option value="rails">Rails 4プログラミング</option>
<option value="aspnet">独習ASP.NET</option>
</select>

label :
for : label と select の関連付け ←　html
select :

関連事項

フォーカスを当てる／

.focus()
.blur()

blur()はフォーカスが外れた際に、トリガにすることもできる

フォーカスが外れたときに処理する

.blur(function(){})

HTMLでフォームをつくる

HTML・CSS/フォーム
Javascript/jQuery Mobile/フォーム(Form)