ホームページ > ウェブフロントエンド > jsチュートリアル > フォーム elements_jquery を処理するための jQuery コード

フォーム elements_jquery を処理するための jQuery コード

WBOY
リリース: 2016-05-16 18:34:32
オリジナル
1213 人が閲覧しました

1. 入力クラスの値を取得します: $("input").val();

2. textarea クラスの値を取得します: $("textarea").val(); >
3. select クラスの値を取得します: $("select").val();

フォームに複数の入力クラス (または textarea クラスと select クラス) が含まれる場合、上記を使用します。メソッドは 1 つの配列を取得します。もちろん、これらのコントロールに ID を追加して、特定のコントロールの値を取得することもできます (例: $("input#myID").val())。

以下では、各コントロールの値メソッドを 1 つずつ紹介します。

1. input type="text" 単一行テキスト入力ボックスと input type="password" パスワード入力ボックス

$("input").val();2. input type="radio" ラジオ ボタン

$("input:checked").val(); //チェックされたものを使用します。 , 選択したラジオボタンの値を取得します。 3. input type="checkbox" チェックボックス (注目)

$("input:checked").each(function(index){
$(" #result").append($(this).val() " ");
});
//チェックボックスの選択結果は通常1より大きいため、結果は配列になります。
// .each() メソッドを使用して、選択した値を 1 つずつ取り出します。
//ここでの結果は、ID「result」の段落に追加されます。 4. input type="submit" (フォーム送信ボタン)

値メソッドと単一行テキスト入力ボックス メソッドも同じですが、実際的な意味はありません。

5. textArea 複数行テキスト入力ボックス

$("textarea").val();6. 選択ドロップダウン ボックス (単一選択と複数選択)

$ ("select").val();
//注: チェック選択の場合、結果はカンマ区切りの文字列になります (例: 「1 つ選択、2 つ選択」)。注:

は、通常、フォームが送信された後に、次のステートメントを使用して判断できます:
$("form").submit(function(){
$("input").val();
}); フォーム要素の値を設定するには、渡すパラメーターとして設定する値を使用します (例: $("input"))。 val(" jb51.net");

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート