BloGGood.ru

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

WordPress, PHP, HTML, CSS, Windows

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

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

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

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

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

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

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

JS:

 

<input ENGINE="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='http://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]

Метки: , , , ,

Мои цели на 2018-2019:

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

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

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

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

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

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

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

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