Size: a a a

JavaScript.Ninja

2020 September 07

OK

Oleh Kutsenko in JavaScript.Ninja
    console.log(status)
   if(status) {

посмотри что у тебя в консоле
источник

OK

Oleh Kutsenko in JavaScript.Ninja
там всегда false
источник

В

Влад in JavaScript.Ninja
Oleh Kutsenko
    console.log(status)
   if(status) {

посмотри что у тебя в консоле
Да, просто если поставить объявление status внутри клика, то он получает ТРУ, и сразу же затирает его, в любом случае
источник

OK

Oleh Kutsenko in JavaScript.Ninja
надо хранить предыдущее выбранное значение и с ним сверяться
источник

OK

Oleh Kutsenko in JavaScript.Ninja
const inputs = document.querySelectorAll('input[name="fruit"]');
let value = undefined;

inputs.forEach((item) => {
 item.addEventListener('click', () => {
   if (value === item.value) {
     item.checked = false;
     value = undefined
   } else {
     value = item.value
   }
   
 });
});

как то так можно
источник

ГР

Глеб Рябцев... in JavaScript.Ninja
const inputs = document.querySelectorAll('input[name="fruit"]');
let value = undefined;

inputs.forEach((item) => {
 item.addEventListener('click', () => {
   if (value) {
     item.checked = false;
   }
  value = item.checked
 });
});
источник

ГР

Глеб Рябцев... in JavaScript.Ninja
Но это будет только с 1 инпутом работать, если нужно много, то нужно велью для каждого свое
источник

В

Влад in JavaScript.Ninja
Действительно с одним работает, а вот при двух+ уже траблы: оно неправильно переключает между ними. Полагаю, что можно как-то через dataAttribute или массив сделать. Ща попробую!
источник

OK

Oleh Kutsenko in JavaScript.Ninja
а мой вариант тебя не устраивает?
источник

OK

Oleh Kutsenko in JavaScript.Ninja
и value допиши
источник

В

Влад in JavaScript.Ninja
Oleh Kutsenko
а мой вариант тебя не устраивает?
Я как понял вариант Глеба -- слегка оптимизированный твой, Олег. Однако в нём при переключении с активного (первого) на пассивный (второй инпут) ничего не происходит.
источник

В

Влад in JavaScript.Ninja
Изменил вот так https://jsfiddle.net/aphs4j8b/2/
источник

В

Влад in JavaScript.Ninja
ой, только data-checked убрать надо
источник

В

Влад in JavaScript.Ninja
ёмаё, там кажется тоже траблы такие проскальзывают. Я не всё протестил
источник

OK

Oleh Kutsenko in JavaScript.Ninja
в radio должно быть атрибут value которое выступает в качетве значения из группы как выбранное, у тебя его нет в html
источник
2020 September 08

NK

ID:0 in JavaScript.Ninja
источник

TQ

Taeja QQ in JavaScript.Ninja
Нужен ли JSX в связке Vue + TypeScript?
Односложный ответ не принимается, нужны объяснения, если да и нет, то почему?
источник

P

Pavel in JavaScript.Ninja
Сегодня во Vue чате обсуждали этот вопрос
источник

P

Pavel in JavaScript.Ninja
источник

TQ

Taeja QQ in JavaScript.Ninja
Благодарю
источник