Вытащить value по name у радиокнопки

@maximillian77 · Регистрация: 07.07.2014

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

Здравствуйте. Скажите пожалуйста, могу я вот таким образом делать проверку на выбор значения радио кнопки ?

JavaScript
1
2
3
 if ($ ('radio[name="typeoftrans"]').val()) == "car") {
...
}

@etalord · 02.08.2014, 12:26

Скорее так:

JavaScript
1
2
3
    $('input[name="typeoftrans"]').change(function() {
        alert($(this).val())
    });

@maximillian77 · 02.08.2014, 12:31 **[ТС]**

etalord, я хотел бы реализовать след. вещь ... Если value у радио кнопки допустим "Вася", то формируем такой json объект, а если value "Петя", то другой ...

@etalord · 02.08.2014, 12:38

Реализуйте

Объекты однотипные или вообще разные?

@maximillian77 · 02.08.2014, 12:57 **[ТС]**

Объекты однотипные или вообще разные?

Однотипные ..

etalord, скажите пожалуйста, могу я так сделать ..

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(function() {
        $("#myform").submit(function(){
        $('input[name="typeoftrans"]').change(function() {
            if ($(this).val() == "car") {
                var fordData = {
                "dimensions":$("#dimensions").val(),
                };
      }
          else {                    
                var fordData = {
                "dimensions":$("#dimensions").val()
 };

@etalord · 02.08.2014, 13:13

Лучше не надо ))

JavaScript
1
2
3
4
    $('input[name="typeoftrans"]').change(function() {
        var transType =  $(this).val();
        var obj = {"dimensions": transType};
    });

Добавлено через 6 минут
Пардон, я невнимательно ваш код прочитал. В любом случае, в вашем примере одинаковые данные в объекте получаются. Нужна ли проверка вообще?

@maximillian77 · 02.08.2014, 13:30 **[ТС]**

etalord , не не, секундочку, я просто, что бы простыню не городить, выложил мин. вариант ..

На самом деле мне бы очень хотелось добиться следующего ... При выборе радиокнопки "typeoftrans" с value "Car" я формирую обьект json c 7 переменными, а если выб. value "truck", я формирую такой же обьект json, только 3 перем. из тех 7 я убираю, а 2 новые добавляю ... Вот как то как ...

Добавлено через 3 минуты
Всё вроде бы очень просто, но не могу это грамотно на jQuery реализовать ..

@etalord · 02.08.2014, 13:32

Ну тогда правильно. А данные для json откуда берете?

ЗЫ. Если у вас много типов машин, то лучше $(this).val() загнать в переменную.

@maximillian77 · 02.08.2014, 13:34 **[ТС]**

А данные для json откуда берете?

Из формы ..

@etalord · 02.08.2014, 13:42

Слишком мало информации, чтобы что-то советовать ) Непонятно, что именно вы хотите сделать. Если нужно данные формы отправить, посмотрите в сторону jquery serialize

@maximillian77 · 02.08.2014, 14:14 **[ТС]**

etalord , спасибо за советы ... будим додумывать ...

Добавлено через 22 минуты
etalord, вы не подскажите, что может быть причиной вот такой бяки? Json объект кривой стал получаться ...

dimensions=&weightOfTM=&weightOfTMfullLo ad=&displacement=&fuel=&typeoftrans=car& transm=&numpas=&bodyType=&perTrailer=&ax les=&submit=%D0%9E%D1%82%D0%BF%D1%80%D0% B0%D0%B2%D0%B8%D1%82%D1%8C+%D0%B7%D0%B0% D0%BF%D1%80%D0%BE%D1%81

@etalord · 02.08.2014, 14:19

вы про пробелы? покажите код

@maximillian77 · 02.08.2014, 14:28 **[ТС]**

Да не понятно, почему перестал формироваться Json объект, пол часа назад объект нормально уходил на сервер, разбирался и приходил результат ...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
   $(function() {
    $("#myform").submit(function() {
        $('input:radio[name="typeoftrans"]').change(function() {
            if ($(this).val() == "car") {
                alert($(this).val());
                var formData = {
                    "dimensions":$("#dimensions").val(),
                    "weightOfTM":$("#weightOfTM").val(),
                    "weightOfTMfullLoad":$("#weightOfTMfullLoad").val(),
                    "displacement":$("#displacement").val(),
                    "fuel":$("#fuel").val(),
                    "typeoftrans":$("#car").val(),
                    "transm":$("#transm").val(),
                    "numpas":$("#numpas").val(),
                    "bodyType":$("#bodyType").val()
                };
            } else {
                var formData = {
                    "dimensions":$("#dimensions").val(),
                    "weightOfTM":$("#weightOfTM").val(),
                    "weightOfTMfullLoad":$("#weightOfTMfullLoad").val(),
                    "displacement":$("#displacement").val(),
                    "fuel":$("#fuel").val(),
                    "typeoftrans":$("#truck").val(),
                    "perTrailer":$("#perTrailer").val(),
                    "axles":$("#axles").val()
};
            }
        });
 
        $.ajax({
            url:'../status.php',
            type:'POST',
            data:'jsonData=' + $.toJSON(formData),
            success:function(res) {
                $('#placeForInfo').html(res);
            }
        });
        return false;
    });
});

@etalord · 02.08.2014, 14:54

Не надо change внутри.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$(function() {
    $("#myform").submit(function() {
        var formData = {
            dimensions: $("#dimensions").val(),
            weightOfTM: $("#weightOfTM").val(),
            weightOfTMfullLoad: $("#weightOfTMfullLoad").val(),
            displacement: $("#displacement").val(),
            fuel: $("#fuel").val(),
            typeoftrans: $("#car").val()
        };
 
        if($('input:radio[name="typeoftrans"]').val() == "car")
        {
            formData.transm = $("#transm").val();
            formData.numpas = $("#numpas").val();
            formData.bodyType = $("#bodyType").val();
        }
        else
        {
            formData.perTrailer = $("#perTrailer").val();
            formData.axles = $("#axles").val();
        }
 
        $.ajax({
            url:'../status.php',
            type:'POST',
            data:'jsonData=' + $.toJSON(formData),
            success:function(res) {
                $('#placeForInfo').html(res);
            }
        });
        return false;
    });
});

@maximillian77 · 02.08.2014, 15:22 **[ТС]**

etalord, круто, спасибо вам

Только вот не понятно, почему else никогда не отрабатывает ...

@etalord · 02.08.2014, 15:35

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$(function() {
    $("#myform").submit(function() {
        var formData = {
            dimensions: $("#dimensions").val(),
            weightOfTM: $("#weightOfTM").val(),
            weightOfTMfullLoad: $("#weightOfTMfullLoad").val(),
            displacement: $("#displacement").val(),
            fuel: $("#fuel").val(),
            typeoftrans: $("#car").val()
        };
 
        if($('input:radio[name="typeoftrans"]:checked').val() == "car")
        {
            formData.transm = $("#transm").val();
            formData.numpas = $("#numpas").val();
            formData.bodyType = $("#bodyType").val();
        }
        else
        {
            formData.perTrailer = $("#perTrailer").val();
            formData.axles = $("#axles").val();
        }
 
        $.ajax({
            url:'../status.php',
            type:'POST',
            data:'jsonData=' + $.toJSON(formData),
            success:function(res) {
                $('#placeForInfo').html(res);
            }
        });
        return false;
    });
});

@maximillian77 · 02.08.2014, 15:41 **[ТС]**

Спасибо etalord, вы красавчик ! А мне ещё "вчыться" и "вчыться" ...

@etalord · 02.08.2014, 15:57

Я бы по-другому делал:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(function() {
    $("#myform").submit(function() {
        var data = $(this).serialize();
 
        $.ajax({
            url: '../status.php',
            type: 'POST',
            data: data,
            success: function(res) {
                $('#placeForInfo').html(res);
            }
        });
 
        return false;
    });
});

а уже в status.php обработка

@maximillian77 · 02.08.2014, 16:33 **[ТС]**

serialize();

Мне к сожалению это команда незнакома, нужно разбираться ...

@etalord · 02.08.2014, 16:41

Команда собирает все данные формы в строку. Вы можете сами посмотреть на результат её работы

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    $("#myform").submit(function() {
        var data = $(this).serialize();
        alert(data);
 
        $.ajax({
            url: '../status.php',
            type: 'POST',
            data: data,
            success: function(res) {
                $('#placeForInfo').html(res);
            }
        });
 
        return false;
    });

Новые блоги и статьи Все статьи Все блоги /
Философия технологии 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(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .

Вытащить value по name у радиокнопки

Решение

Решение

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	02.08.2014, 12:31 [ТС]
	etalord, я хотел бы реализовать след. вещь ... Если value у радио кнопки допустим "Вася", то формируем такой json объект, а если value "Петя", то другой ... 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.08.2014, 12:38
	Реализуйте Объекты однотипные или вообще разные? 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	02.08.2014, 13:30 [ТС]
	etalord , не не, секундочку, я просто, что бы простыню не городить, выложил мин. вариант .. На самом деле мне бы очень хотелось добиться следующего ... При выборе радиокнопки "typeoftrans" с value "Car" я формирую обьект json c 7 переменными, а если выб. value "truck", я формирую такой же обьект json, только 3 перем. из тех 7 я убираю, а 2 новые добавляю ... Вот как то как ... Добавлено через 3 минуты Всё вроде бы очень просто, но не могу это грамотно на jQuery реализовать .. 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.08.2014, 13:32
	Ну тогда правильно. А данные для json откуда берете? ЗЫ. Если у вас много типов машин, то лучше $(this).val() загнать в переменную. 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.08.2014, 13:42
	Слишком мало информации, чтобы что-то советовать ) Непонятно, что именно вы хотите сделать. Если нужно данные формы отправить, посмотрите в сторону jquery serialize 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.08.2014, 14:19
	вы про пробелы? покажите код 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	02.08.2014, 15:22 [ТС]
	etalord, круто, спасибо вам Только вот не понятно, почему else никогда не отрабатывает ... 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	02.08.2014, 15:41 [ТС]
	Спасибо etalord, вы красавчик ! А мне ещё "вчыться" и "вчыться" ... 0