У меня есть две группы радиобаттонов
<div class="radio">
<div class="radio__group">
<label><input type="radio" value="value1" name="group1" checked><span>Группа 1 Значение 1</span></label>
<label><input type="radio" value="value2" name="group1"><span>Группа 1 Значение 2</span></label>
</div>
<div class="radio__group">
<label><input type="radio" value="value1" name="group2" checked><span>Группа 2 Значение 1</span></label>
<label><input type="radio" value="value2" name="group2"><span>Группа 2 Значение 2</span></label>
</div>
</div>
Как сделать так, чтобы если был выбран радиобаттон из первой группы name="group1"
со значением 2 value="value2"
, то оба радиобаттона из второй группы name="group2"
становились отключенными и их нельзя было чекнуть. Если выбран первый радиобаттон из первой группы, то все радиобаттоны из второй становились доступны.
onClick="$(\"input[name ='group2'\").prop('disabled', false);"
и соответственноonClick="$(\"input[name ='group2'\").prop('disabled', true);"