コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jqueryでフォームタグの値を取得する方法

(*-*)浩
リリース： 2019-05-22 20:46:11
オリジナル
3254 人が閲覧しました

日常の開発プロセスでは、フォームが使用される場所がたくさんあります。たとえば、ログイン、登録、支払い、注文処理、バックエンド管理などです。

jqueryでフォームタグの値を取得する方法

#jQuery を使用してフォームの値を取得するのが一般的です。

一般的なフォーム

単一行のテキスト フィールド: 

<input type="text" id=&#39;name&#39; value=&#39;pelli&#39;>
ログイン後にコピー

パスワード フィールド: 

<input type="password" id=&#39;pass&#39; value=&#39;password&#39;>
ログイン後にコピー

単一選択肢:男性女性

<input type="radio" name=&#39;sex&#39; id=&#39;man&#39; value="1">
<label for="man">男</label>
<input type="radio" name=&#39;sex&#39; id=&#39;woman&#39; value="0">
<label for="woman">女</label>
ログイン後にコピー

複数選択: 

<input type=&#39;checkbox&#39; value=&#39;1&#39; name=&#39;intrest&#39;>篮球
<input type=&#39;checkbox&#39; value=&#39;2&#39; name=&#39;intrest&#39;>足球
<input type=&#39;checkbox&#39; value=&#39;3&#39; name=&#39;intrest&#39;>皮球
ログイン後にコピー

ドロップダウン リスト: 

<select name="city" id="city">
    <option value="1">北京</option>
    <option value="2">南京</option>
    <option value="3">上海</option>
    <option value="4">成都</option>
    <option value="5">西安</option>
</select>
ログイン後にコピー

複数行テキスト フィールド: