Как проверить радио кнопку checkbox без перезагрузки страницы ajax php


X

Как проверить радио кнопку checkbox без перезагрузки страницы ajax php

Для начала нужно создать страницу отображения index.php, привожу код чтобы долго не мучились, заметьте input-у сразу дадим свойство disabled = disabled, для того чтобы она была не активной как только поставим чекбокс сразу станет активной:

<form class="form" action="">
     <label><input type="checkbox">Я хочу отправить сообщение</label>
     <input type="hidden" name="valSubFal" class="valSubFal" value="valSubFal_disabled">
     <input type="submit" name="submit" class="button" value="Отправить" disabled="disabled">
</form>

 

Для отслеживания изменения кнопки, будет применять ajax, естественно незабываем, что нужно подключить библиотеку JQuery, для работы ajax, я бы советовал подключать именно с googla. Так как вряд ли что она когда-нибудь станет недоступной. Еще один нюанс посмотрите внимательно, что впереди стоят два слеша – это называется правильным подключением библиотек. Кому интересно прогуглите. Также советую для своих проектов подключать библиотеку напрямую. Это удобно когда нужно повысить скорость открытия сайта.

 <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

 

А вот сам код на ajax, который и будет обрабатывать радио кнопку. Поместите его выше формы, если хотите, можете вынести в отдельный файл. Допустим ajax.js

jQuery(document).ready(function($){
//в этой функции отслеживается изменение чекбокса "я не робот"
                $(document).on('change', '.form input:checkbox', function() {
                               if($(this).is(':checked')){
                                               // Снимаем атрибут disabled
                                               $(".form input[type=submit]").removeAttr('disabled');
                                               $('.form input[type=hidden].valSubFal').val('valSubFal_true');
                               }
                               else {
                                          // Устанавливаем атрибут disabled, если чекбокс отжат
                                               $(".form input[type=submit]").attr('disabled','disabled');
                                               $('.form input[type=hidden].valSubFal').val('valSubFal_disabled');
                                }                
                 });
});

 

Применений может быть масса для проверки форм перед отправкой как один из примеров.

Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
FastFinder Просмотров сегодня +3 25 июня 2017 команда сайта
Ещё пока нет комментариев, будь первым!
Оставить комментарий
Здесь может быть ваша реклама! Блок 2. Настройка рекламы в личном кабинете.
   🔔 Отдохните не много, может Вам будет интересно прочитать статьи пользователей нашего сайта.

Как редактировать и удалять новости на MVC и PHP

Тег code - это отображение программного кода

Как на MVC и PHP создать систему восстановления доступа с отправкой пароля на адрес электронной почты

Подключение к БД и вывод результата на PHP через PDO на MVC

Работа с БД на MVC создание модели и выполнение SQL запросов. Часть Вторая

Тег applet - это апплет

Недостатки раскрутки групп Вконтакте специальными сервисами

Основные запросы SQL работа с базой данных PHP

Как создать свою CMS или фреймворк на MVC. Часть Первая

Тег blockquote - это длинная цитата

Тег dd - это определение термина

Тег abbr - это аббревиатура
Здесь может быть ваша реклама! Блок 3. Настройка рекламы в личном кабинете.

Здесь может быть ваша реклама! Блок 4. Настройка рекламы в личном кабинете.
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
Магазин матрасов в Москве с доставкой по России. ЦЕНА - от 2000 руб
Реклама Купить матрас с доставкой в Москве и регионах, СКИДКИ до 63%. Лучшие бренды и серии. Интернет-магазин Каталог матрасов открыт 24 часа, 7 дней в неделю!
www.catalog-matrasov.ru
BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
Реклама помогает поддерживать
и развивать наш сервис.


Подробнее
(ссылка откроется в новой вкладке)