Манипуляции с формой, помогите
Здравствуйте, мне нужно сделать так, чтобы при выборе какого-то элемента формы изменялось выбранное значение другого элемента формы. Например при выборе <select> меню в значение, скажем, "Один" деактивировался флажок checkbox (какой-то), а при выборе этого флажка скрипт принудительно выбирает выбранное значение в этом самом <select> меню. То есть сделать так чтобы исключить коллизию выбранных обоих одновременно.
Так же очень нужно чтобы при выборе одного значения элемента radio становилась активна область <input type="text" />, зато деактивирована та, что становится активной при другом выборе этих зависимых радио кнопок. Я пока что не нашёл где это, ровно как и саму возможность снять выделение флажков, радиокнопок и прочего. А нужно срочно.... Буду признателен за любую помощь. |
Forgotten,
<script> function checking(el) { if (el.tagName == "INPUT" && el.type == "checkbox") { if (el.checked) { document.getElementById("sel").selectedIndex = 0; } else { document.getElementById("sel").selectedIndex = 1; } } if (el.tagName == "SELECT") { if (el.value == "1") { document.getElementById("check").checked = true; } else { document.getElementById("check").checked = false; } } } </script> <form> <input type="checkbox" id="check" onClick="checking(this)" checked> <select id="sel" onChange="checking(this)"> <option value="1">один</option> <option value="2">два</option> </select> </form> <script> function radio_check(radio) { switch (radio.value) { case "1": { document.getElementById("id1").disabled = true; document.getElementById("id2").disabled = false; break; } case "2": { document.getElementById("id1").disabled = false; document.getElementById("id2").disabled = true; break; } } } </script> <form> <input type="radio" name="rad" value="1" onClick="radio_check(this)">1 <input type="radio" name="rad" value="2" onClick="radio_check(this)">2 <br> <input type="text" id="id1"><input type="text" id="id2"> </form> |
а что мешает использовать события для элементов? И описать логику для каждого из них. Селекты прекрасно реагируют на событие change радио и чекбоксы на событие click. Пропишите для нужных элентов нужные события и все. Реализация может быть по вкусу, как на jquery так и на чистом js, на jquery проще, но без знания js все-равно не обойдетесь
|
Спасибо!
|
Часовой пояс GMT +3, время: 05:20. |