Отправить данные на сервер согласно текущего значения checkbox

@juramaj · Регистрация: 06.10.2013

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

Доброго времени суток! Подскажите каким способом мне узнать стоит ли галочка на checkbox или нет

@Lazy_Den · 11.03.2015, 13:02

JavaScript
1
$(':checkbox').prop('checked');

Возвращает true, если checkbox отмечен или false в ином случае. Кроме того, для этой задачи подойдет метод .is()

JavaScript
1
$(':checkbox').is(':checked');

@juramaj · 11.03.2015, 13:10 **[ТС]**

Нужно же наверное как то на какое то событие это всё привязать. Или нет?

Добавлено через 4 минуты
Вот так когда сделал:

JavaScript
1
2
var b = $('#use_biling_information').is(':checked');
    console.log(b);

То пришло в консоль false, но это отработало на после полной загрузки страницы. А как мне сделать чтобы и без перезагрузки это отрабатывало? Заранее спасибо.

@Lazy_Den · 11.03.2015, 13:15

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

Нужно же наверное как то на какое то событие это всё привязать. Или нет?

А это зависит от задачи, которую вы ставите: по какому событию и на каком элементе. Вот пример, с событием на самом checkbox-е:

JavaScript
1
2
3
4
5
6
7
$(':checkbox').on('change', function(){
   if($(this).prop('checked')) {
      console.log('Отмечен');
   } else {
      console.log('Не отмечен');
   }
});

@juramaj · 11.03.2015, 13:21 **[ТС]**

Делал вот так:

JavaScript
1
2
3
4
5
6
7
$('#use_biling_information').on('change', function(){
   if($(this).prop('checked')) {
      console.log('Отмечен');
   } else {
      console.log('Не отмечен');
   }
});

Ничего в консоль не выводит. Не могу понять в чём причина.

@Lazy_Den · 11.03.2015, 13:27

juramaj, элемент с id "use_biling_information" - это и есть нужный checkbox? У вас один или несколько checkbox-ов? Версия jQuery >= 1.7?

@juramaj · 11.03.2015, 13:31 **[ТС]**

1) id моего checkbox "use_biling_information"
2) На странице всего 1 checkbox
3) Версия jQuery 1.11

@Lazy_Den · 11.03.2015, 13:37

juramaj, значит остаётся одно:

JavaScript
1
2
3
4
5
$(function(){
 
   // тут весь код jQuery
 
});

@juramaj · 11.03.2015, 16:56 **[ТС]**

Вот так что ли?

JavaScript
1
2
3
4
5
6
7
8
9
$(function(){
   $('#use_biling_information').on('change', function(){
   if($(this).prop('checked')) {
      console.log('Отмечен');
   } else {
      console.log('Не отмечен');
   }
});
});

Добавлено через 1 минуту
Спасибо, всё получилось.

Добавлено через 3 часа 14 минут
У меня теперь следующая проблема. Вот я написал такую функцию на js.

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
$(function(){
    $('#use_biling_information').on('change', function(){
        if($(this).prop('checked')) {
            var b = true;
        } else {
            var b = false;
        }
        $.ajax({
        type: 'GET',
        url: '/billing_information_attendee_one',
        data: b,
        success: function(msg_att_one_bill_info) {
            var jsondata = JSON.parse(msg_att_one_bill_info);
            $('#attendee_one_first_name').val(jsondata[0].name);
            $('#attendee_one_last_name').val(jsondata[0].last_name);
            $('#attendee_one_company_name').val(jsondata[0].company_name);
            $('#attendee_one_address_1').val(jsondata[0].address_1);
            $('#attendee_one_address_2').val(jsondata[0].address_2);
            $('#attendee_one_city').val(jsondata[0].city);
            $('#attendee_one_state').val(jsondata[0].state);
            $('#attendee_one_postal_code').val(jsondata[0].postal_code);
            $('#attendee_one_country').val(jsondata[0].country);
            $('#attendee_one_phone').val(jsondata[0].phone);
            $('#attendee_one_email').val(jsondata[0].email);
        }   
        }); 
 
    });
});

на стороне php такова логика. Если пришло true то тогда отправляю массив со значениями, а если пришло false то не отправляю ничего. Всё вроде нормально, но почему то на сторону php приходит true. Не могу понять чего.

@Lazy_Den · 11.03.2015, 17:14

juramaj, а как вы проверяете данные на стороне сервера? Да и код у вас избыточен. В общем, пробуйте так:

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
$(function () {
    $('#use_biling_information').on('change', function () {
        $.ajax({
            type: 'GET',
            dataType: 'json',
            url: '/billing_information_attendee_one',
            data: {
                d: $(this).prop('checked')
            },
            success: function (jsondata) {
                if(!jsondata) return false;
                $('#attendee_one_first_name').val(jsondata[0].name);
                $('#attendee_one_last_name').val(jsondata[0].last_name);
                $('#attendee_one_company_name').val(jsondata[0].company_name);
                $('#attendee_one_address_1').val(jsondata[0].address_1);
                $('#attendee_one_address_2').val(jsondata[0].address_2);
                $('#attendee_one_city').val(jsondata[0].city);
                $('#attendee_one_state').val(jsondata[0].state);
                $('#attendee_one_postal_code').val(jsondata[0].postal_code);
                $('#attendee_one_country').val(jsondata[0].country);
                $('#attendee_one_phone').val(jsondata[0].phone);
                $('#attendee_one_email').val(jsondata[0].email);
            }
        });
 
    });
});

На сервере - как-то так:

PHP
1
2
3
4
5
6
7
if(isset($_POST['d'])) {
    $response = false;
    if($_POST['d']) {
        $response = []; // массив с данными     
    }
    exit( json_encode($response) );
}

@juramaj · 11.03.2015, 17:30 **[ТС]**

Что то вообще не работает. Я вот так сделал. Код который до этого был он сейчас закоментирован

PHP
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
public function address_attendee_one(Request $address_bill_info)
    {
       // $address_bill_info = false;
 
       if(isset($_POST['d'])) {
            $response = false;
            if($_POST['d']) {
                $response = $this->output_billing_information_addres->output_billing_information(); // массив с данными     
            }
            exit( json_encode($response) );
        }
 
 
 
       /* $add_att_1 = array();
        if($address_bill_info == true){
            $res_bill_info = $this->output_billing_information_addres->output_billing_information();
            if(count($res_bill_info) > 0){
                $add_att_1 = $res_bill_info;
                echo json_encode($add_att_1);
                die();
            }
        }*/
 
      //  dd($add_att_1);
    }

А код на js тот что вы прислали.

@Lazy_Den · 11.03.2015, 17:35

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

А код на js тот что вы прислали.

Ага, прислал бандеролью ))

Добавлено через 1 минуту
В консоли есть какие-то ошибки? Видите, что данные с сервера возвращаются?

@juramaj · 11.03.2015, 17:38 **[ТС]**

Написал вот так, то ничего не в консоль не вывело, ни ошибок, ни других каких то данных.

JavaScript
1
2
success: function (jsondata) {
console.log(jsondata);

@Lazy_Den · 11.03.2015, 18:05

juramaj, я не доглядел... У вас данные передаются методом $_GET, а я написал $_POST['d']. Измените или в JS на POST, или на сервере - $_GET['d']

@juramaj · 11.03.2015, 18:19 **[ТС]**

Когда поменял и стало на стороне js и на стороне php POST то в консоль выводило 500 ошибку, а когда поменял на GET то вообще в консоль ничего не выводило. Но и в первом и втором случае не выводились никакие данные( я имею ввиду те данные которые должны прийти с сервера, хотя при моем старом коде данные приходили). Уже запарился.(

@Lazy_Den · 11.03.2015, 18:36

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

а когда поменял на GET то вообще в консоль ничего не выводило

В консоли вы должны видеть, какие данные передаются на сервер и что приходит в ответе. Не то, что вы сами выводите через console.log, а отображение самого процесса. Теперь, что у вас в переменной "$address_bill_info"? Какую роль она выполняет?

@juramaj · 11.03.2015, 18:42 **[ТС]**

"$address_bill_info" - Это то те данные что переданы ajax на сервер. Так я делал со старым кодом.

Добавлено через 2 минуты
Ввообщем мне нужно чтобы когда снята галочка с checkbox то форма очищалась.

@Lazy_Den · 11.03.2015, 18:50

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

Ввообщем мне нужно чтобы когда снята галочка с checkbox то форма очищалась.

А чтоб меня... А на кой [цензура] тут ajax-запрос нужен?

JavaScript
1
2
3
$('#use_biling_information').on('change', function () {
    if( !$(this).prop('checked') ) $(this).closest('form')[0].reset();
});

Или, если не reset(), то просто по всем полям пробежаться и очистить значения.

@juramaj · 11.03.2015, 18:57 **[ТС]**

Спасибо за помощь, всё получилось.

Новые блоги и статьи Все статьи Все блоги /
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(), которая. . .

@juramaj 0 / 0 / 4 Регистрация: 06.10.2013 Сообщений: 181

	Отправить данные на сервер согласно текущего значения checkbox 11.03.2015, 12:40. Показов 1213. Ответов 18 Метки нет (Все метки) Доброго времени суток! Подскажите каким способом мне узнать стоит ли галочка на checkbox или нет 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	11.03.2015, 13:27
	juramaj, элемент с id "use_biling_information" - это и есть нужный checkbox? У вас один или несколько checkbox-ов? Версия jQuery >= 1.7? 0

@juramaj 0 / 0 / 4 Регистрация: 06.10.2013 Сообщений: 181
	11.03.2015, 13:31 [ТС]
	1) id моего checkbox "use_biling_information" 2) На странице всего 1 checkbox 3) Версия jQuery 1.11 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	11.03.2015, 18:05
	juramaj, я не доглядел... У вас данные передаются методом $_GET, а я написал $_POST['d']. Измените или в JS на POST, или на сервере - $_GET['d'] 0

@juramaj 0 / 0 / 4 Регистрация: 06.10.2013 Сообщений: 181
	11.03.2015, 18:19 [ТС]
	Когда поменял и стало на стороне js и на стороне php POST то в консоль выводило 500 ошибку, а когда поменял на GET то вообще в консоль ничего не выводило. Но и в первом и втором случае не выводились никакие данные( я имею ввиду те данные которые должны прийти с сервера, хотя при моем старом коде данные приходили). Уже запарился.( 0

@juramaj 0 / 0 / 4 Регистрация: 06.10.2013 Сообщений: 181
	11.03.2015, 18:42 [ТС]
	"$address_bill_info" - Это то те данные что переданы ajax на сервер. Так я делал со старым кодом. Добавлено через 2 минуты Ввообщем мне нужно чтобы когда снята галочка с checkbox то форма очищалась. 0

@juramaj 0 / 0 / 4 Регистрация: 06.10.2013 Сообщений: 181
	11.03.2015, 18:57 [ТС]
	Спасибо за помощь, всё получилось. 0