как проверить checkbox js
Для того, чтобы проверить, выбран ли checkbox с помощью JavaScript, можно использовать свойство checked . Оно возвращает true , если checkbox выбран, и false , если не выбран.
type="checkbox" id="myCheckbox" /> onclick="checkCheckbox()">Check function checkCheckbox() const checkbox = document.getElementById('myCheckbox'); if (checkbox.checked) console.log('Checkbox is checked'); > else console.log('Checkbox is not checked'); > > В этом примере мы создали checkbox и кнопку, которая вызывает функцию checkCheckbox() . Функция получает элемент checkbox по его id и проверяет свойство checked . Если checked равно true , то мы выводим сообщение в консоль, что checkbox выбран. Если checked равно false , то мы выводим сообщение, что checkbox не выбран.
Проверка состояния checkbox
Как можно проверить состояние checkbox-а после перезагрузки страницы с помощью javascript ? Ести js функция:
function reload()
и checkbox
View all как мне проверить состояние после такой перезагрузки?
Отслеживать
4,495 3 3 золотых знака 24 24 серебряных знака 40 40 бронзовых знаков
задан 24 мар 2013 в 10:35
39 1 1 золотой знак 2 2 серебряных знака 4 4 бронзовых знака
Какое еще состояние?
24 мар 2013 в 10:45
Под состоянием вы понимаете checked? или disabled?
24 мар 2013 в 10:46
А какое состояние может еще иметь, стоит галочка или нет.
24 мар 2013 в 10:58
после перезагрузки состояние сбросится.
24 мар 2013 в 16:48
@eicto, не обязательно, если отправлен через форму на эту же страницу, то не сбросится.
24 мар 2013 в 18:54
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Без jQuery:
var element = document.querySelector('input[type=checkbox]'); if (element.checked)
С jQuery:
$('input[type=checkbox]').each(function () < if ($(this).prop('checked')) < doSomething(); >>); Отслеживать
ответ дан 19 апр 2016 в 14:12
Pleshevskiy Pleshevskiy
620 3 3 серебряных знака 13 13 бронзовых знаков
К JQuery, я бы еще добавил if ( $(this).is(«:checked») )
24 мая 2016 в 7:34
да. я видимо оппечатался. prop(‘checked’) хотел написать. По сути это аналог Вашего кода, только отработает функция быстрее
24 мая 2016 в 15:00
document.addEventListener('change', function () < var chk = event.target if (chk.tagName === 'INPUT' && chk.type === 'checkbox') < console.log("%s %s %s", chk.name, chk.value, chk.checked) >>)Отслеживать
ответ дан 11 авг 2017 в 9:02
123k 24 24 золотых знака 126 126 серебряных знаков 303 303 бронзовых знака
View all var chck = document.querySelector('input'); if (localStorage.status !== undefined) < chck.checked = parseInt(localStorage.status); >chck.addEventListener('change', function (e) < localStorage.status = e.target.checked ? 1 : 0; reload(); >); function reload() Отслеживать
ответ дан 11 авг 2017 в 8:54
52 3 3 бронзовых знака
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.8.3130
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Check Box. Checked Свойство
Некоторые сведения относятся к предварительной версии продукта, в которую до выпуска могут быть внесены существенные изменения. Майкрософт не предоставляет никаких гарантий, явных или подразумеваемых, относительно приведенных здесь сведений.
Получает или задает значение, определяющее, находится ли CheckBox в выбранном состоянии.
public: property bool Checked < bool get(); void set(bool value); >;[System.ComponentModel.Bindable(true)] public bool Checked
[System.ComponentModel.Bindable(true)] [System.ComponentModel.SettingsBindable(true)] public bool Checked
[] member this.Checked : bool with get, set[] [] member this.Checked : bool with get, setPublic Property Checked As BooleanЗначение свойства
Значение true , если элемент управления CheckBox находится во включенном состоянии; в противном случае — false . Значение по умолчанию — false .
Примечание. Если ThreeState свойство имеет значение true , Checked свойство возвращает true значение для Checked или Indeterminate CheckState.
Примеры
В следующем примере кода отображаются значения трех свойств в метке. Свойство ThreeState чередуется между true и false с чередующимися щелчками элемента управления и CheckAlign чередующимися ContentAlignment значениями MiddleRight и MiddleLeft . В этом примере показано, как изменяются значения свойств при ThreeState изменении свойства и проверке элемента управления. В этом примере требуется, чтобы CheckBoxвсе экземпляры и LabelButton были созданы в форме, а метка достаточно велика для отображения трех строк текста, а также ссылки на System.Drawing пространство имен. Этот код должен вызываться в обработчике Click событий элемента управления .
private: void AdjustMyCheckBoxProperties() < // Concatenate the property values together on three lines. label1->Text = String::Format( "ThreeState: \nChecked: \nCheckState: ", checkBox1->ThreeState, checkBox1->Checked, checkBox1->CheckState ); // Change the ThreeState and CheckAlign properties on every other click. if ( !checkBox1->ThreeState ) < checkBox1->ThreeState = true; checkBox1->CheckAlign = ContentAlignment::MiddleRight; > else < checkBox1->ThreeState = false; checkBox1->CheckAlign = ContentAlignment::MiddleLeft; > > private void AdjustMyCheckBoxProperties() < // Change the ThreeState and CheckAlign properties on every other click. if (!checkBox1.ThreeState) < checkBox1.ThreeState = true; checkBox1.CheckAlign = ContentAlignment.MiddleRight; >else < checkBox1.ThreeState = false; checkBox1.CheckAlign = ContentAlignment.MiddleLeft; >// Concatenate the property values together on three lines. label1.Text = "ThreeState: " + checkBox1.ThreeState.ToString() + "\n" + "Checked: " + checkBox1.Checked.ToString() + "\n" + "CheckState: " + checkBox1.CheckState.ToString(); > Private Sub AdjustMyCheckBoxProperties() ' Change the ThreeState and CheckAlign properties on every other click. If Not checkBox1.ThreeState Then checkBox1.ThreeState = True checkBox1.CheckAlign = ContentAlignment.MiddleRight Else checkBox1.ThreeState = False checkBox1.CheckAlign = ContentAlignment.MiddleLeft End If ' Concatenate the property values together on three lines. label1.Text = "ThreeState: " & checkBox1.ThreeState.ToString() & ControlChars.Cr & _ "Checked: " & checkBox1.Checked.ToString() & ControlChars.Cr & _ "CheckState: " & checkBox1.CheckState.ToString() End Sub Комментарии
Если значение равно true , часть CheckBox элемента управления отображает проверка метку. Если свойству Appearance присвоено значение Button , элемент управления будет отображаться в затоне, когда Checked имеет значение , true и будет подниматься, как стандартная кнопка, когда false .
Как проверить с помощью jQuery и Javascript состояние checkbox
Часто возникает ситуация, что на HTML-странице имеется переключатель (checkbox).
Нужно, чтобы, когда пользователь активирует и деактивирует этот checkbox, происходили какие-то действия. Предположим, что нужно, чтобы при активации checkbox появлялось всплывающее окно, в котором будет написано:
«Вы активировали переключатель» (при его активации) или «Вы деактивировали переключатель» (при его деактивации).
Давайте рассмотрим, как можно решить эту проблему с помощью Javascript и jQuery.
HTML
JavaScript
$("#check").on( "click", function() < if($(this).is(":checked")) < alert("Вы активировали переключатель"); >else < alert("Вы деактивировали переключатель"); >>);
В этой рубрике
Возможно, вам будет интересно
JavaScript — отслеживание изменения ориентации на мобильных устройствах
Если Ваше мобильное приложение поддерживает только портретную или только горизонтальную ориентацию, то есть большая вероятность того, что некоторые элементы придётся менять, в зависимости от положения устройства.
Как исправить ошибку «RangeError: Invalid time value» при вызове метода toISOString даты JavaScript?
В этой статье мы рассмотрим, как исправить ошибку «RangeError: Invalid time value» при вызове toISOString метода даты JavaScript.
Youtube несколько видео на странице и стоп проигрывания предыдущего видео.
Youtube несколько видео на странице. Как сделать остановку предыдущего видео, при запуске следующего? На сайте расположено на одной странице три видео. При включении нужно чтобы другое видео, если запущено , останавливалось. Как это реализовать?
Вывод последнего дня текущего месяца на Javascript
Попалась интересная задачка, на баннере нужно было выводить «Акция действует до (тут последний день месяца)», решил сделать это на Javascript, ну чтоб не лазить каждый раз в код для правок, вот что получилось
Оформление заявки
Документы на создание сайта
Изучите наше коммерческое предложение, заполните БРИФ и отправьте его на почту maxidebox@list.ru. Изучив все пожелания из БРИФ-а, обратным ответом оповестим Вас по стоимости разработке, ответим на вопросы.
Мы берем на себя ответственность за все стадии работы и полностью избавляем клиентов от забот и необходимости вникать в тонкости.
Зополните у БРИФ-а все необходимые поля. Сделайте краткое описание к каждому из пунктов анкеты, привидите примеры в соответсвующий пунктах — это позволит лучше понять Ваши ожидания и требования к сайту
Закажите сайт по телефону: +7 (929) 701 21 71