BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Как проверить checkbox Javascript, jQuery, php

Как проверить checkbox Javascript, jQuery, php

2017-12-07 / Вр:13:56 / просмотров: 70

Всем привет!
Как часто вам нужно проверить checkbox, чтобы узнать, включен он или выключен (нажат или отжат)?
Есть такие моменты, что проверка на состояние checkbox крайне необходима, например, если пользователь не согласен с вашими правилами партнерки, форма не отправляется, или если пользователь не нажал checkbox, то ему не отобразится кнопка для отправки формы.
Я помню, у меня был когда-то такой заказ, где нужно было сделать такую вещь: при выборе checkbox пользователю должна была считаться стоимость работ, и как только он выбирает хоть один из пунктов услуг, ему сразу появляется форма. Как вы понимаете, что без проверки состояния checkbox тут не обошлось.

Итак, рассмотрим примеры проверки  checkbox на JS, jQuery и PHP

Как проверить checkbox Javascript, jQuery, php

JS:

 

<input type="checkbox" id="_tour_bron">
<span id="button_on_checkbox">Не выбран checkbox</span>

<script>
document.getElementById('_tour_bron').onclick = function() {
// access properties using this keyword
if ( this.checked ) {
document.getElementById('button_on_checkbox').innerHTML = 'Выбран checkbox';
} else {
document.getElementById('button_on_checkbox').innerHTML = 'Не выбран checkbox';
}
};
</script>

jQuery:

<script src='https://code.jquery.com/jquery-3.2.1.js'></script>
<script>
$(function() {
$(document).ready(function() {
$('input[type="checkbox"]').click(function(){
if( $(this).is(':checked') ) {
$('#galka').html('<span style="color: red;">Галочка стоит</span>');
} else {
$('#galka').html('<span style="color: red;">Галочка <strong>не</strong> стоит</span>')
}
});
});
});
</script>

<input type="checkbox">
<div id="galka"></div>

PHP:

<form method="post" action="">
<!-- ещё какие-то поля -->
<input type="checkbox" name="my_bloggood-ru" value="1" />
<input type="submit" name="ок" value="Отправить форму" />
</form>
<?php
if ( $_POST['my_bloggood-ru'] == '')
{
echo 'не отмечено';
}
else {
echo 'отмечено';
}
?>

Вот и все, пользуйтесь! А в знак благодарности жмите на соц. сети!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , , , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 781
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4278