Как проверить нажата ли радио-кнопка JS
нужно проверить нажата ли определённая радио-кнопка
Отслеживать
задан 8 янв 2021 в 12:44
Дима Рузаев Дима Рузаев
15 4 4 бронзовых знака
А как выглядит ваш html код? Должно работать. И что такое i ? В общем, проверка .checked правильная, видимо с условием i == 3 что-то не так.
8 янв 2021 в 12:49
текстовую информацию лучше прилагать в виде текста: а) читать легче; б) можно копировать; в) поиск работает. исправить текст вопроса можно, нажав править ниже текста вопроса
9 янв 2021 в 6:53
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
document.querySelector('button').onclick=(e)=> console.log(document.querySelectorAll('input')[0].matches(':checked'), document.querySelectorAll('input')[1].matches(':checked'));Отслеживать
ответ дан 8 янв 2021 в 12:52
7,586 1 1 золотой знак 6 6 серебряных знаков 28 28 бронзовых знаков
Вот пример на JS отсюда
function myFunction() < var coffee = document.getElementsByName("coffee"); var txt = ""; var i; for (i = 0; i < coffee.length; i++) < if (coffee[i].checked) < txt = txt + coffee[i].value + " "; >> document.getElementById("order").value = "You ordered a coffee with: " + txt; >With cream
With sugar
Отслеживать
ответ дан 8 янв 2021 в 12:52
Aziz Umarov Aziz Umarov
22.5k 2 2 золотых знака 10 10 серебряных знаков 33 33 бронзовых знака
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Курсы javascript
То есть не при нажатии, а просто в куске кода на жаваскрипте. Что-нибудь типа IsKeyDown(); ?
26.01.2010, 14:12
Регистрация: 04.04.2008
Сообщений: 6,245
стандартными средствами нет
но очевидно же как это написать:
26.01.2010, 14:39
Кандидат Javascript-наук
Регистрация: 03.11.2008
Сообщений: 116
Ох, как-то очень сложно. Может быть можно тогда при клике по ссылке как-то проверять нажат ли Shift или Ctrl? В смысле, чтобы код бы попроще. А то я не понимаю просто.
26.01.2010, 14:52
Регистрация: 04.04.2008
Сообщений: 6,245
при нажатии ссылки с любой зажатой кнопкой, выводится надпись о том какая кнопка была зажата, или же нет
Как проверить, нажата ли кнопка с помощью JavaScript
Мне просто интересно, есть ли простой способ сделать что-то в этом направлении: JavaScript:
if(document.getElementById('button').clicked == true)
Ruth 07 май 2010, в 14:11
Поделиться
Поделиться:
javascript-events
5 ответов
Лучший ответ
Для этого можно добавить обработчик события click:
document.getElementById('button').onclick = function() < alert("button was clicked"); >; Это будет предупреждать, когда он щелкнет, если вы хотите отслеживать его позже, просто установите для переменной значение true в этой функции вместо предупреждения или variable++ , если вы хотите подсчитать количество кликов, независимо от того, какое конечное использование вы используете является. Здесь вы можете увидеть пример.
Nick Craver 07 май 2010, в 12:17
JavaScript: Информация О Нажатой Клавише ����
В данной статье рассмотрим, как получить информацию о нажатой клавише клавиатуры или кнопки мыши, а также как выполнять необходимые действия (нужный код) при нажатии определенных сочетаний клавиш или кнопок (правый/левый клик мыши).
Чтобы получить информацию, о том какая кнопка клавиатуры нажимается в данный момент, воспользуемся следующим кодом:
function keyPress(e) < let keyNum; if (window.event) < keyNum = window.event.keyCode; >else if (e) < keyNum = e.which; >console.log(keyNum); > document.onkeydown = keyPress;Номер кнопки находится в переменной keyNum
Узнать keyCode кнопки можете здесь:
Выполнение кода в зависимости от нажатой клавиши
Давайте теперь будем выполнять необходимые действия в зависимости от нажатой клавиши
Для этой задачи воспользуемся оператором switch .
В конструкции case укажите номер кнопки, для которой будет выполнен необходимый код.
document.onkeydown = function (e) < switch (e.keyCode) < case 49: console.log("Нажата единица"); break; case 50: console.log("Нажата двойка"); break; case 32: console.log("Нажат пробел"); break; case 9: console.log("Нажат tab"); break; case 16: console.log("Нажат shift"); break; default: console.log(e.keyCode); >>;Вместо console.log выполняйте необходимые действия.
Если была нажата клавиша, которой нет в списке, то для неё можете выполнить другой код. Писать в default.
Как отследить комбинации нажатых клавиш
Отследить нажатие CTRL, SHIFT и ALT можно также другими способами (данный способ необходим чтобы отследить комбинации).
Например, отследить нажатие CTRL можно следующим образом:
document.addEventListener("keydown", function (e) < if (e.ctrlKey) < console.log("Был нажат CTRL"); document.getElementById("btnClick").textContent = "CTRL"; >>);Используя всю ранее полученную информацию, определим нажатую комбинацию клавиш, например, CTRL + F5 :
document.addEventListener("keydown", function (e) < e.preventDefault(); if (e.ctrlKey && event.key == "F5") < console.log("Была нажата комбинация клавиш CTRL + F5"); >>);Как вы могли заметить, обращаться к клавишам в JavaScript можно несколькими способами. Например, следующие строки кода позволяют нам получить один и тот же результат:
event.key == "F5" аналогично e.keyCode == 116 Мы рассмотрели, как получить информацию о нажатой клавише на клавиатуре. Теперь давайте рассмотрим, как обработать события мыши.
Информация о нажатой кнопке мыши JavaScript
Рассмотрим, как определить какая кнопка мыши нажимается над объектом: левая кнопка, правая или дабл клик.
Выполнение кода при клике левой кнопкой мыши:
document.querySelector(selector).onclick = function (e) < if (e.which == 1) < console.log("Нажата левая кнопка мыши"); >>Выполнение кода при клике правой кнопкой мыши:
document.querySelector(selector).oncontextmenu = function (e)
Выполнение кода при двойном клике по кнопке:
document.querySelector(selector).ondblclick = function ()
Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.
Поделиться с друзьями:
Статьи из данной категории:
- JavaScript: Работа с Массивами
- Наличие Динамически Добавленного Элемента
- Стилизация Input File
- Предзагрузка Картинок — Предварительная Загрузка Изображений на JavaScript
- Стилизация Скролла
- События Формы