+
Есть 4 инпута type=radio + select, изначально select disabled Вопрос - нужен скрипт, который бы при клике по любому инпуту делал его селект активным, и дизэйблил другие селекты инпутов
<div class="btn"><input type="radio" name="name"><select disabled><option>1</option><option>2</option></select></div>
<div class="btn"><input type="radio" name="name"><select disabled><option>3</option><option>4</option></select></div>
<div class="btn"><input type="radio" name="name"><select disabled><option>5</option><option>6</option></select></div>
<div class="btn"><input type="radio" name="name"><select disabled><option>7</option><option>8</option></select></div>
<div class="btn"><input type="radio" name="name">
<select disabled>
<option>1</option>
<option>2</option>
</select>
</div>
<div class="btn"><input type="radio" name="name">
<select disabled>
<option>3</option>
<option>4</option>
</select>
</div>
<div class="btn"><input type="radio" name="name">
<select disabled>
<option>5</option>
<option>6</option>
</select>
</div>
<div class="btn"><input type="radio" name="name">
<select disabled>
<option>7</option>
<option>8</option>
</select>
</div>Ответы (1 шт):
Автор решения: Dmitry
→ Ссылка
Без скрипта, на CSS
input[type="radio"]+select {
pointer-events: none;
opacity: .5;
}
input[type="radio"]:checked+select {
pointer-events: auto;
opacity: 1;
}<div class="btn">
<input type="radio" name="name">
<select>
<option>1</option>
<option>2</option>
</select>
</div>
<div class="btn">
<input type="radio" name="name">
<select>
<option>3</option>
<option>4</option>
</select>
</div>
<div class="btn">
<input type="radio" name="name">
<select>
<option>5</option>
<option>6</option>
</select>
</div>
<div class="btn">
<input type="radio" name="name">
<select>
<option>7</option>
<option>8</option>
</select>
</div>