TOC

Пример выбора форм jQuery

Пример селектора форм jQuery

jQuery поставляется с множеством селекторов форм для более простого и эффективного доступа к элементам формы. Вот простая ссылка на селекторы формы jQuery.

1. TextBox - $ (‘input: text’)

Чтобы выбрать текстовое поле 

$('input:text');

Чтобы получить значение текстового поля 

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

Чтобы установить значение текстового поля 

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

2. Пароль - $ (‘ввод: пароль’)

Чтобы выбрать пароль 

$('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');

10. Кнопка сброса - $ (‘input: reset’)

Чтобы выбрать кнопку сброса 

$('input:reset');

Селекторы форм jQuery 



jQuery form selector example









jQuery form selector example



Message = 




  

    TextBox : 
  

  

    Password : 
  

  

    TextArea : 
  

  

    Radio : Male
            Female
  

  

    CheckBox : Check Me
  

  

    File : 
  

  

    Hidden : 
  

  

    Country :

Попробуйте демо

Related