Как получить все значения из формы по атрибуту name input'а с помощью Jquery?

Question

[Spark108]

Есть форма:

<form method="post" class="rf">
				<label for="1">Радио кнопка 1</label>
				<input type="radio" name="icon" id="1" value="1"/>
				<label for="2">Радио кнопка 2</label>
				<input type="radio" name="icon" id="2"  value="2"/>

				<input type="text" name="title"/>
				<input type="text" name="description" placeholder="Белый текст"/>	
				<div class="btn" id="create">Создать</div>
			</div>
		</form>

При нажатие "Создать" я получаю всю форму, а вот как вынуть значение формы я не знаю. И дело в том что у радио кнопки одно и тоже имя "name=icon" и нужно вывести value Того который нажат.

Вот JS нажатия на "Создать". в "$('.rf')" находится вся форма.

$(document).on('click', '#create', function(){
	console.log($('.rf'));
});

Comments

[Spark108]

$(document).on('click', '#create', function(){
	var value = $('.rf').serializeArray();

	id_a = value[0].value;
	title = value[1].value;
	description = value[2].value;
	
	$.ajax({
		url: 'http://dev.smates.ru/test8/generate.php',
		type: "POST",
		data: "&icon=" + id_a + "&title=" + title + "&description=" + description,
		dataType: 'json',
		success: function(json) {
			if(json.status = 'ok') {
				alert(json.id);
			} else {
				alert(json.msg);
			}
        },
	});
});

var value = $('.rf').serializeArray();
Получает значение только первой радиокнопки, как сделать так чтобы получилось значение нажатой радиокнопки?

Answer 1

[Радость моя]

$('.rf').serialize(); // or .serializeArray()
Пробовали?

Comments

[Spark108]

Нет. Щас попробую. Я просто таких не знаю... Не особо то в JS, я больше по PHP)

[Spark108]

При нажатие на кнопку мне $('.rf').serialize() выдает "icon=1&title=&description=", то есть icon первой ради кнопки, а надо той которая нажата.

[Spark108]

Как это сделать можно?

[Сергей Мельников]

Виктор Первушин: .serializeArray()

Answer 2

[Xbbv1]

$("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
}

Comments

[Spark108]

У меня кнопка созданная с помощь css и див блока. После его нажатия пойдет ajax. А если использовать кнопку submit, то страница перезагрузится. Можно сделать чтобы она не перезагружалась?

[Xbbv1]

Виктор Первушин: добавьте return false; в конце обработчика submit