Радиокнопки на JavaScript

Question

Не могу понять как создать радиокнопки на чистом JavaScript нашла только как сделать чтобы тип был радиокнопок, а как подписать и сделать их активными попеременно не могу

Input {type = InputType.radio}

Это все что получилось найти Подскажите как быть дальше Смотрела код радиокнопки но все равно не получается

Answer 1

let input = document.querySelector('input')
input.type = "radio" // checkbox, и другие
input.checked = true // false

<input type="text" />

Answer 2

Если необходимо только переключение между двумя checkbox, то можно так:

    window.onload = function () { // Ожидаем загрузки страницы
        var z = document.createElement('input'); // Создаём первый элемент
        z.type = 'radio'; // Проставляем ему тип
        var z1 = document.createElement('input'); // Создаём второй элемент
        z1.type = 'radio'; // Проставляем и ему тип

        document.body.appendChild(z); // Добавляем первый элемент в body (Можно в div или любой другой элемент)
        document.body.appendChild(z1); // Добавляем второй элемент в body

        let bz = '';
        z.onchange = function () { // Проверяем изменение в кнопке.
            if (z.checked){// Если выбрано
                z1.checked = false;// То другому checkbox убираем значение
            }
        };
        z1.onchange = function () { // Проверяем изменение в кнопке.
            if (z1.checked){ // Если выбрано
                z.checked = false; // То другому checkbox убираем значение
            }
        }
    }

<body>

</body>

Answer 3

Как у @Denis640Kb, плюс

z.name = "test";
z1.name = "test";

минус

//z.onchange = ...
//z1.onchange = ...

БЛОГ НА HUSL

Радиокнопки на JavaScript

Ответы (3 шт):