jQueryフォームセレクタの例

jQueryフォームセレクターの例

jQueryには、より簡単かつ効率的にフォーム要素にアクセスするための多くのフォームセレクターが付属しています。簡単なjQueryフォームセレクターリファレンスを次に示します。

1. TextBox – $（ ‘input：text’）

テキストボックスを選択するには

$('input:text');

テキストボックスの値を取得するには

$('input:text').val();

テキストボックスの値を設定するには

$('input:text').val("New Text");

2. パスワード– $（ ‘input：password’）

パスワードを選択するには

$('input:password');

パスワード値を取得するには

$('input:password').val();

パスワード値を設定するには

$('input:text').val("New Text");

3. テキストエリア– $（ ‘textarea’）

テキストエリアを選択するには

$('textarea');

textarea値を取得するには

$('textarea').val();

textarea値を設定するには

$('textarea').val("New Text in Textarea");

4. ラジオボタン– $（ ‘input：radio’）

ラジオボタンを選択するには

$('input:radio');

選択したラジオボタンオプションを取得するには

$('input:radio[name=radiobutton-name]:checked').val();

最初のラジオボタンオプションを選択するには

$('input:radio[name=radiobutton-name]:nth(0)').attr('checked',true);
or
$('input:radio[name=radiobutton-name]')[0].checked = true;

より詳しく…

5. チェックボックス-$（ ‘input：checkbox’）

チェックボックスを選択するには

$('input:checkbox');

チェックボックスがチェックされているかどうかを確認するには

$('input:checkbox[name=checkboxname]').is(':checked');

チェックボックスをチェックするには

$('input:checkbox[name=checkboxname]').attr('checked',true);

チェックボックスをオフにするには

$('input:checkbox[name=checkboxname]').attr('checked',false);

より詳しく…

6. ファイルのアップロード– $（ ‘input：file’）

ファイルを選択するには

$('input:file');

ファイルの値を取得するには

$('input:file').val();

7. 隠し値– $（ ‘input：hidden’）

非表示の値を選択するには

$('input:hidden');

非表示の値を取得するには

$('input:hidden').val();

非表示の値を設定するには

$('input:hidden').val("New Text");

8. 選択（ドロップダウンボックス）– $（「選択」）

ドロップダウンボックスを選択するには

$('select')
or
$('#dropdown-id')

選択したドロップダウンボックスの値を取得するには

$('#dropdown-id').val();

ドロップダウンボックスの値を「中国」に設定するには

$("#dropdown-id").val("China");

詳細…

9. 送信ボタン– $（ ‘input：submit’）

送信ボタンを選択するには

$('input:submit');

10. リセットボタン– $（ ‘input：reset’）

リセットボタンを選択するには

$('input:reset');

jQueryフォームセレクター



jQuery form selector example








jQuery form selector example

Message = 


  
    TextBox : 
  
  
    Password : 
  
  
    TextArea : This is message from textarea
  
  
    Radio : Male
            Female
  
  
    CheckBox : Check Me
  
  
    File : 
  
  
    Hidden : 
  
  
    Country :

デモを試す

TOC