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

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

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

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

Итак, рассмотрим примеры проверки checkbox на JS, 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 'отмечено';
}
?>

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