Как отправить значение radio по ajax?

Question

[marq]

Добрый день , не могу разобраться, как отправить значение radio по ajax

<input id="radio" type="radio"  name="radio" value="1" /> Первое    
<input id="radio" type="radio" name="radio" value="2" /> Второе
<div id="aaa"></div>

$(document).ready(function () 
{
    $('#radio').on('change', function () 
    {  
            var selectedValue = $('#radio').val();
            $.ajax
            ({
                url:  "forms.php",
                type: 'POST',
                data: 'espace_id=' + selectedValue,
                success: function(data) 
                {
                   	$('#aaa').html(selectedValue);
                }
            });
        
    });
});

forms.php:

<?php
	var_dump($_POST['espace_id']);
    exit;
?>

Comments

[Ankhena]

id не может дублироваться. Сделайте разные. Обращайтесь по классу или name.

[marq]

Ankhena, сделал, выдает значение только первого инпута и по сути forms.php ни чего не получает

[Ankhena]

marq, вероятно, получаете значение первого, а не выбранного.
Вы же не показываете, что в итоге написали.

Ниже в ответе есть правильный селектор.

Answer 1

[Alex_mos]

У тебя два одинаковых id, такого быть не должно.

Получи значение по имени а не по id.
$("input[name='radio']:checked").val();

https://coderoad.ru/43188588/%D0%9F%D0%BE%D0%BB%D1...

Comments

[Alex_mos]

TheAndrey7, а разница?) Тоже самое написано)

[Ankhena]

Alex_mos, разница в том, что вы продвигаете тырильщиков контента и халявщиков, а не оригинальные ресурсы.

[Alex_mos]

Ankhena, в таком случае и гуглить не стоит, а сразу обращаться к оригинальным ресурсам. Ведь Гугл в поисковой выдаче выдает несколько вариантов сайтов для возможного решение. Так получается?)

[Ankhena]

Alex_mos, не путайте поисковик и грабилку.

[Alex_mos]

Ankhena, ну это понятно, просто какой первый сайт выскочил, оттуда и предложил решение)