Выключение radio повторным на нее нажатием

@maruo · Регистрация: 26.04.2013

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

Есть таблица.
в каждой строке есть неопределенное количество (кнопок)
Нужно так сделать что бы активная кнопка была только 1 , нажав на соседнюю предыдущая становилась неактивна.
Пытался делать радио кнопками, но при нажатии на активную радио кнопку повторно она оставалась активна ,а нужно что бы при повторном нажатии была уже неактивна.

Что бы эффект был как у чекбоксов только чекнутый может быть только 1

Вот что можно придумать?

@kalabuni · 23.07.2016, 12:08

Сообщение от maruo

Нужно так сделать

так делать не нужно
пользователи привыкли к тому, что в группе радиокнопок обязательно должна быть одна отмеченная
а вы возжелали, чтобы повторный клик на единственную отмеченную радиокнопку снял с неё отметку и вся группа радиокнопок стала неотмеченной
такое нестандартное поведение лишь отпугнёт пользователей от вашей страницы

@nubideus · 23.07.2016, 13:07

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var radio = Array.apply(null, document.querySelectorAll("input[name=uncheckable]"));
 
radio.forEach(radioBtn => {
  var checked = false;
  
  radioBtn.addEventListener("mousedown", event => {
    checked = radioBtn.checked;
  });
  radioBtn.addEventListener("click", event => {
    radioBtn.checked = !checked;
  });
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="radio" name="uncheckable"> blah</input>
<input type="radio" name="uncheckable"> blah2
<input type="radio" name="uncheckable"> blah3
</body>
</html>

http://output.jsbin.com/fiwugu

Сообщение от kalabuni

так делать не нужно
пользователи привыкли к тому, что в группе радиокнопок обязательно должна быть одна отмеченная

изначально они все неотмеченные

@kalabuni · 23.07.2016, 20:59

Не по теме:

наверно, можно и гланды вырезать через анус, но делать этого не надо

@maruo · 23.07.2016, 21:47 **[ТС]**

kalabuni, Радио кнопки стилизовано изменены, они выглядят как текст, нету этих кружков.
А при нажатии на текст <label> привязанный к радиокнопке, становится стилизованным, вообщем я решил эту проблему сам, забыл отписаться. Избавился от этих радиокнопок и сделал по другому

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356

	Выключение radio повторным на нее нажатием 23.07.2016, 06:50. Показов 3062. Ответов 4 Метки нет (Все метки) Есть таблица. в каждой строке есть неопределенное количество (кнопок) Нужно так сделать что бы активная кнопка была только 1 , нажав на соседнюю предыдущая становилась неактивна. Пытался делать радио кнопками, но при нажатии на активную радио кнопку повторно она оставалась активна ,а нужно что бы при повторном нажатии была уже неактивна. Что бы эффект был как у чекбоксов только чекнутый может быть только 1 Вот что можно придумать? 0

@kalabuni
	23.07.2016, 20:59
	Не по теме: наверно, можно и гланды вырезать через анус, но делать этого не надо 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	23.07.2016, 21:47 [ТС]
	kalabuni, Радио кнопки стилизовано изменены, они выглядят как текст, нету этих кружков. А при нажатии на текст <label> привязанный к радиокнопке, становится стилизованным, вообщем я решил эту проблему сам, забыл отписаться. Избавился от этих радиокнопок и сделал по другому 0