Форум

MagicDawn · #1 (**permalink**) 23.12.2013, 22:40

Всем привет!!! Помогите, пожалуйста, разобраться, как передать результат Radiobutton по ajax!

У меня есть форма, в ней из файла выгружаются вопросы для теста, переменная $res содержит текст вопроса, массив $option[$j] содержит варианты ответов. т.о. у меня есть 4 radiobuttonа.

<form id="cl_form" method="POST" action="">
<h2>Вопрос <?php echo $i; ?></h2>
<p><?php echo $res; ?></p>
<br>
<?php

for ($j=0; $j<4; $j++)
{
echo '<p><input type="radio" name="0" value="' . $j . '">' . ' ' . $option[$j] . '</p>';
}
?>
<input type="submit" id="Далее">
</form>

и есть код, передающий по аякс номер вопроса $i, мне надо передать еще и вариант, который будет отмечен в radiobutton!! Подскажите, пожалуйста, как это сделать!!!!

вот код javascripta

$(function()
{
$('#cl_form').submit(function(e)
{
e.preventDefault();
i++;
$.ajax(
{
type:'post',
url:'proba.php',
data:
{
val:i,
},

success: function(result)
{
$('#cl_form').html(result);
}
});
});
});

MagicDawn · #2 (**permalink**) 24.12.2013, 09:18

переменная i описана выше, просто на странице обрабатывающей аякс мне надо знать номер вопроса.

<script>

	var i=0;
	
	$(function() 
	{
		$('#cl_form').submit(function(e)
		{
			e.preventDefault();								
			i++;
			
			$.ajax(
			{					
				type:'post',
				url:'proba.php',
				data:							
				{	
				        val:i,	
				},
									
				success: function(result)
				{
					$('#cl_form').html(result);
				}
			});
		});
	});

	</script>

ksa · #3 (**permalink**) 24.12.2013, 09:33

Сообщение от MagicDawn

Как обработать RadioButton с помощью JavaScript и AJAX

Взять его значение и отправить...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function getVal() {
	var o=document.getElementsByName('test');
	for (var i=0; i<o.length; i++) {
		if (o[i].checked) {
			return o[i].value;
		};
	};
	return 'Нет значения';
};
</script>
</head>
<body>
<input type='radio' name='test' value='0' />
<input type='radio' name='test' value='1' />
<input type='radio' name='test' value='2' />
<button onclick='alert(getVal());'>getVal</button>
</body>
</html>

MagicDawn · #4 (**permalink**) 24.12.2013, 17:55

ksa, Это то все понятно, но у меня на форме уже есть кнопка submit, по нажатию которой выполняется аякс, и вторая кнопка не нужна!! мне как то без нее надо

Rise · #5 (**permalink**) 24.12.2013, 18:45

MagicDawn,

<form id="cl_form">
	<h2>Вопрос <?php echo $i; ?></h2>
	<p><?php echo $res; ?></p>
	<br>
	<input type="hidden" name="number" value="<?php echo $i; ?>">
<?php
for ($j = 0; $j < 4; $j++) {
	echo '<p><input type="radio" name="variant" value="' . $j . '"> ' . $option[$j] . '</p>';
}
?>
	<input type="submit" value="Далее">
</form>

$(function() {
	$('#cl_form').submit(function(e) {
		e.preventDefault();
		var isCheck = 0;
		for (var i = 0; i < this.variant.length; i++) {
			if (this.variant[i].checked) {
				isCheck = 1;
				break;
			}
		}
		if (!isCheck) {
			alert('Выберите вариант ответа');
			return;
		}
		$.ajax({
			type: 'post',
			url: 'proba.php',
			data: $(this).serialize(),
			success: function(result) {
				$('#cl_form').html(result);
			}
		});
	});
});

на сервере:

$_POST['number'] // Номер вопроса
$_POST['variant'] // Вариант ответа

MagicDawn · #6 (**permalink**) 24.12.2013, 19:14

Rise,
Спасибо огромное за помощь!!!!! ЭТо то, что надо!!

ksa · #7 (**permalink**) 24.12.2013, 20:42

Сообщение от MagicDawn

вторая кнопка не нужна!!

Причем тут кнопка?

Я показал тебе как брать значение, что с ним делать - решать тебе.

Форум

Справочник

Discord чат

Курсы javascript