Не давать нажимать label пока не активен checkbox

16.11.2018, 08:10. Показов 892. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте! Есть код запрещает нажимать радиокнопку, но я ее заменил на label и before, как запретить нажимать на них?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 
<style type="text/css">
</style>
.radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 30px 0 0 7px;
}
.radio + label {
  position: relative;
  padding: 0 0 0 35px;
  cursor: pointer;
}
.radio + label:before {
  content: url(img/radio.png);
  position: absolute;
  top: -3px;
  left: 0;
}
 
.radio:focus + label:before {
  content: url(img/radio_focus.png);
}
  <script>
     addEventListener('DOMContentLoaded', function() {
     document.querySelectorAll('.radio2').forEach(d => d.addEventListener('click', (e, {target} = e) =>
     target.type == 'radio' && !d.querySelector('[type="checkbox"]').checked && e.preventDefault()
     ))});
  </script>
</head>
 
<body>
 
<div class="radio2">
<input type="checkbox" class="checkbox" name="a" id="checkbox" />
<label for="checkbox"><p class="gotham-pro-bold">Флажок</p></label>
<div class="col-11 offset-1"  style="margin-bottom: 20px;">
        <input type="radio" class="radio" id="radio" />
        <label for="radio"><p class="gotham-pro-normal">Кнопка</p></label>
    </div>
    <div class="col-11 offset-1">
        <input type="radio" class="radio" id="radio1" />
        <label for="radio1"><p class="gotham-pro-normal">Кнопка</p></label>
    </div>
</div>
 
</body>
</html>

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

16.11.2018, 08:10

Ответы с готовыми решениями:

Предотвратить закрытие формы пока активен другой процесс
Мне нужно предотвратить закрытие формы во время работы процесс.exe Перерыл кучу мануалов, но так и не понял ничего

Edit Label (линейный) Panel, Edit Label (строки), Memo (одномер-ный),ComboBox ListBox , RadioButton (RadioGroup) CheckBox ,StringGrid (ввод пароля)
1)Edit Label (линейный) Panel Проверить истинность высказывания: "Цифры данного трехзначного числа образуют возрастающую...

Кнопка disabled, пока не отмечен checkbox
Есть форма с checkbox <form> <input type='checkbox' value='1' name='del_v'> box1<br> <input type='checkbox' value='2'...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

16.11.2018, 08:10

Помогаю со студенческими работами здесь

Label не обновляется, пока ProgressBar не заполнится
Здравствуйте товарищи программисты, у меня возикло несколько проблем с прогой procedure TForm1.Button1Click(Sender: TObject); ...

CheckBox и label
как связать checkbox и label в c++. Надо так: нажимаем чек бокс и это значение в чек боксе отображается в label

Взаимодействие CheckBox с Label
Как привязать checkbox к label, что бы при выборе checkbox к label автоматически прибавлялось определенное число, а при снятии отнималось?

Передача данных из CheckBox в Label
Пожалуйста, подскажите как реализовать следующее: -кликаем по чекбоксу, элемент появляется в label,(если не чекбокс не отмечен,...

Стилизация checkbox, привязка к Label
Добрый день, делаю стилизацию checkbox как сделать чтобы checkbox срабатывал при нажатии на label вот пример...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .

Наверх