検索

ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryでフォームタグの値を取得する方法

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

(*-*)浩
(*-*)浩オリジナル
2019-05-22 18:31:013297ブラウズ

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

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>

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