/ Сайтостроение / Scripts & jquery / Взаимодействие форм и scripts

Взаимодействие форм и scripts

19.01.2017

569

Для различных задач требуется отслеживать значения форм и полей формы. У каждого поля (input, select, checkbox, radio) есть свои особенности, которые необходимо учитывать.

Поле select

$('#sort').change(function(){ //функция работает при изменении select

var sortValues = $("#sort option:selected").val(); //получаем значение выбранного пункта select
//alert( sortValues );

if($("#sort").val()=="") { 
если значение поля пустое (обычно исходное состояние)		
} else {
если значение поля заполнено		
}

});

Поле checkbox

$('.metka').change(function(){ //функция работает при изменении checkbox

//собираем выбранные значения тэгов(меток) в массив, значения через запятую
var arrList = $('.metka:checkbox:checked').map(function(){
    return $(this).attr('value');
}).get();

var arrListstroke = arrList.join(' '); // преобразовываем массив в строку с разделителем ' '

if(arrList == 0) { 		
если чекбокс не включен	
} else {
если чекбокс(ы) включен(ы)					
}

});

Поле radio

Нам например нужно что-то скрыть в зависимости от выбранного пункта. В случае если необходимый нам пункт единственный:

jQuery(document).ready(function() {
	
	$('.spec').hide(); 
	
	$('input:radio[name="education"]').on('change', function () {
		if (this.checked && this.value == 'Да') { $('.spec').show(); } 
		else { $('.spec').hide(); }
	});
	
});

Если необходимых пунктов несколько:

jQuery(document).ready(function() {
	$('.spec').hide(); 
	
	$('input:radio[name="education"]').on('change', function () {
				if (this.value == 'среднее профессиональное' || this.value == 'незаконченное высшее' || this.value == 'полное высшее') {
				$('.spec').show();
				} else {
				$('.spec').hide();
				}		
	});
});

Продолжение следует.. Далее input.

Тэги:

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
Подключаем КЛАДР

Подключаем КЛАДР

Подключаем к сайту систему КЛАДР — это постоянно обновляемая база адресов России. КЛАДР нужен для того, чтобы при вводе первых букв он предлагал варианты заполнения. Причем сделано это довольно интеллектуально, Читать далее »

Заявка на товар

Заявка на товар

Бывает так, что нам не нужно непосредственно продавать товар через сайт, а только лишь получить на него заявку. Данный механизм прост: нам нужно создать форму обратной связи в которую будет Читать далее »

/
Contact Form 7

Contact Form 7

Contact Form 7 — очень нужный плагин для модулирования различных форм обратной связи. Имеет множество дополнений. Плагин Contact Form 7 Код вставки формы <?php echo do_shortcode( '[[contact-form-7 id="143" title="Контактная форма Читать далее »

/

Добавить комментарий

Пока нет комментариев. Будь первым!

Взаимодействие форм и scripts
Поля особого назначения
Рекомендации для васПоля особого назначенияOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.