Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
133 / 133 / 48
Регистрация: 26.04.2013
Сообщений: 1,356
1

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

23.07.2016, 06:50. Просмотров 1045. Ответов 4
Метки нет (Все метки)

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

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

Вот что можно придумать?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.07.2016, 06:50
Ответы с готовыми решениями:

Нажатием кнопки сделать текст жирным, повторным нажатием - обычным
здравствуйте. такой вопрос , как сделать, чтобы при нажатии кнопки текст печатался жирным, при...

Завершение работы функции повторным нажатием горячих клавиш
При нажатии ALT + A начинает бесконечно работать функция. По идее, если нажать второй раз ALT + A,...

Проблема с повторным включением
Бп zalman zm 650-ebt . Бп работает, все напряжения в норме ,паспортную нагрузку держит . Но стоит...

View с повторным выводом
Пытаюсь разобраться с View моделью. Задача у меня такая: Есть главный шаблон и элементы, которые...

4
супермизантроп
Эксперт JS
3811 / 2897 / 682
Регистрация: 18.04.2012
Сообщений: 8,496
23.07.2016, 12:08 2
Цитата Сообщение от maruo Посмотреть сообщение
Нужно так сделать
так делать не нужно
пользователи привыкли к тому, что в группе радиокнопок обязательно должна быть одна отмеченная
а вы возжелали, чтобы повторный клик на единственную отмеченную радиокнопку снял с неё отметку и вся группа радиокнопок стала неотмеченной
такое нестандартное поведение лишь отпугнёт пользователей от вашей страницы
0
388 / 275 / 76
Регистрация: 19.09.2011
Сообщений: 828
23.07.2016, 13:07 3
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 Посмотреть сообщение
так делать не нужно
пользователи привыкли к тому, что в группе радиокнопок обязательно должна быть одна отмеченная
изначально они все неотмеченные
0
kalabuni
23.07.2016, 20:59
  #4

Не по теме:

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

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

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как вывести input radio в зависимости от выше выбранного input radio
Нужно сделать как бы вывод на странице двух input radion. Выбор пола. Мужчина и Женщина. Если я...

Проблемы с повторным подключение к STM32F103
Здравствуйте, столкнулся с проблемой не позволяющей повторно подключится к stm после залива...

Перейти к повторным интегралам и расставить пределы
В двойном интеграле \int \int f(x,y)dxdy для заданной области D перейти к повторным и расставить...

Объем области T выражается повторным интегралом
Помогите пожалуйста глупому студенту выбрать правильный ответ.

Перейти к повторным интегралам и расставить пределы
В двойном интеграле \int \int f(x,y)dxdy для заданной области Д , перейти к повторным и расставить...

Работа с мышью: вывести квадрат нажатием левой кнопки мыши и спрятать его нажатием правой кнопки мыши
Ребят обьясните как вывести квадрат левым нажатием кнопки мыши и спрятав его правым нажатием кнопки...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.