Манипуляции с формой, помогите
Здравствуйте, мне нужно сделать так, чтобы при выборе какого-то элемента формы изменялось выбранное значение другого элемента формы. Например при выборе <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, время: 08:01. |