Почему при нажатии на любой элемент radio нажимается только третье и как сделать чтоб отжималось?

Question

[Андрей Гильгенберг]

Пишу форму, по тз нужно стилизовать чекбоксы радио, стилизовал, но работает как-то криво, код:

Comments

[Ankhena]

for у label должны соответствовать id у нужного inout. У вас все 3 for одинаковые и ведут на третий radio.

и как сделать чтоб отжималось?

radio не будут отжиматься в состояние не выбрано ничего.
Можете поменять на чекбоксы и запретить на js выбирать больше одного.

Answer 1

[DENIS Kokorev]

<div class="card">        
            <input type="radio" id="rad1" name="license" value="13" >
            <label for="rad1" class="plan">LICENSE PLAN#1</label>     
            <p class="price">$13 per license</p>
        </div>

        <div class="card">
            <input type="radio" id="rad2" name="license" value="22">   
            <label for="rad2" class="plan">LICENSE PLAN#2</label>     
            <p class="price">$22 per license</p>
        </div>

        <div class="card">
            <input type="radio"  id="rad3" name="license"  value="32">   
            <label for="rad3" class="plan">LICENSE PLAN#3</label>     
            <p class="price">$32 per license</p>
        </div>

Comments

[UNIC_33]

Насколько я понял, Вам нужно что можно было нажимать на input и делать откат, тогда попробуйте использовать type=checkbox. Если Вам нужно чтобы можно было выбирать только между 3 вариантов, тогда скорее всего надо подтягивать JS.

<input type="radio" name="radio" value="1" onclick="radioClick(this)"/>
<input type="radio" name="radio" value="2" onclick="radioClick(this)"/>

var check1,check2;
    function radioClick(c) {
        if (check1 != c) {
            check2 = 0;
            check1 = c
        }
        check2 ^= 1;
        c.checked = check2
    }

[Андрей Гильгенберг]

TheAndrey7, пробовал, не могу цссом потом сделать как мне нужно расположение элементов