Значение radio с использованием технологии AJAX

@НатальяПална · Регистрация: 21.05.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте. помогите пожалуйста. пытаюсь получить значение выбранного radio

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="test-data">
    <div class="Task" data-id="<?=$ID_Task?>" id="Task-<?=$ID_Task?>">
        <?php foreach($task as $ID_Answer => $Answer): // проходимся по массиву вопрос/ответы ?> 
            <?php if( $ID_Answer == '0' ): // выводим вопрос ?>
                <p class="q"><?=$Answer?></p>           
            <?php else: // выводим варианты ответов ?>
<p class="a">
    <input type="radio" id="Answer-<?=$ID_Answer?>" name="Task-<?=$ID_Task?>" value="<?=$ID_Answer?>">
    <label for="Answer-<?=$ID_Answer?>"><?=$Answer?></label>
</p>
            <?php endif; // $id_answer ?>
        <?php endforeach; // $item ?>
    </div> <!-- .Task -->
</div> <!-- .test-data -->
<input type="submit" id="btn"  value=" Далее ">
 
<div class="content">
 
</div> <!-- .content -->

При нажатии на кнопку выводит содержимое страницы еще раз, но никак не нужное значение

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$('#btn').click(function(){
        var test = +$('#test-id').text();
        var res = {'test':test};
        
        $('.Task').each(function(){
            var id = $(this).data('id');
            res[id] = $('input[name=Task-' + id + ']:checked').val();
        });
        
        $.ajax({
            url: 'index.php',
            type: 'POST',
            data: res,
            success: function(html){
                $('.content').html(html);
            },
            error: function(){
                alert('Error!');
            }
        });
    });

Добавлено через 9 часов 43 минуты
Решила проблему. При помощи alert получаю выбранное значение. Как теперь передать это значение в файл functions.php?(radio находятся в index.php)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(document).ready(function(){
    
    $('#btn').click(function(){
        
        var res = $('input[name="Task"]:checked').val();
        
        $.ajax({
            url: 'functions.php',
            type: 'POST',
            data: {res: res},
            
            success: function(data){
            
                alert(res);
            },
            error: function(){
                alert('Error!');
            }
        });
    });
});

Пробовала так. Не выходит

PHP
1
print_r ($_POST['res']);

@fanatikus · 16.05.2018, 13:54

Сообщение от НатальяПална

При помощи alert получаю выбранное значение. Как теперь передать это значение в файл functions.php?

так значение же приходит из functions.php. нафига его ганять туда сюда?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .