У меня есть форма с двумя радиокнопками:
[radio1] [radio2] [select]
<input type="radio" id="radio1" name="radio" checked/>
<br/>
<input type="radio" id="radio2" name="radio"/>
<select id="select" onmousedown="test()" disabled="disabled">
<option>aaa</option>
<option>bbb</option>
</select>
Желаемое поведение состоит в том, что при включенном радио1 поле выбора отключается.
Когда установлен флажок radio2, пользователь может выбрать что-либо из поля выбора (следовательно, включено).
У меня есть необходимый код события в radio1 и radio2 для обработки включения / выключения selectbox, и он прекрасно работает.
Однако мне потребовалось дополнительное поведение: я нажимаю на кнопку выбора, должен быть установлен флажок radio2 и включена кнопка выбора:
function test(){
document.getElementById('radio1').checked=false;
document.getElementById('radio2').checked=true;
document.getElementById('select').disabled=false;
}
Однако, test() никогда не вызывается, пока коробка выбора отключена.
Есть ли какое-нибудь другое событие, чтобы сделать это?
Альтернативное решение состоит в том, чтобы поместить прозрачное наложение поверх блока выбора для обработки событий (и скрыть его, когда блок выбора включен).