Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.11.2011, 16:40
Новичок на форуме
Отправить личное сообщение для Jetpilot Посмотреть профиль Найти все сообщения от Jetpilot
 
Регистрация: 26.11.2011
Сообщений: 3

Зависимые поля. Чекбокс и текстовое поле
Хочу сделать 2 радиокнопки. При нажатии на Радиокнопку1, повляется Поле1. А при нажатии на Радиокнопку2, появляются Поле2 и Поле3. При этом Поле1 исчезает.

Последний раз редактировалось Jetpilot, 27.11.2011 в 17:14.
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2011, 12:07
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Jetpilot
Хочу сделать
Таки делай... Что мешает?
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2011, 17:16
Новичок на форуме
Отправить личное сообщение для Jetpilot Посмотреть профиль Найти все сообщения от Jetpilot
 
Регистрация: 26.11.2011
Сообщений: 3

Таки я с javascript не дружу)) Набросал тут малехо, незнаю правда насколько корректно.

upd: Не работает в ff, opera, chrome. Может кто подскажет?

<script>
function izmen_rad(chto){
if(chto==1){
document.getElementById("pole1").style.display="";
document.getElementById("pole2").style.display="none";
document.getElementById("pole3").style.display="none";
document.getElementById("chek2").checked=false;
document.getElementById("chek1").checked=true;
}
if(chto==2){
document.getElementById("pole1").style.display="none";
document.getElementById("pole2").style.display="";
document.getElementById("pole3").style.display="";
document.getElementById("chek1").checked=false;
document.getElementById("chek2").checked=true;
}
}
</script>
<table>
<tr>
<td>
Радио1:<input id="chek1" type="radio" value="1" onclick="izmen_rad(this.value)" name="chek1"><br />
Радио2:<input id="chek2" type="radio" value="2" onclick="izmen_rad(this.value)" name="chek2">
</td>
</tr>
<tr>
<td id="pole1" style="display:none;">
Поле1:<input type="text" name="pole1">
</td>
</tr>
<tr>
<td id="pole2" style="display:none;">
Поле2 :<input name="pole2"><br />
Поле3:<input name="pole3" >
</td>
</tr>
</table>

Последний раз редактировалось Jetpilot, 27.11.2011 в 18:36.
Ответить с цитированием
  #4 (permalink)  
Старый 28.11.2011, 14:00
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Jetpilot
Не работает в ff, opera, chrome. Может кто подскажет?
чтобы ваш пример заработал можно его немного поправить

для радиокнопок имя одинаковое

и закомментировал лишнее

<script>
function izmen_rad(chto){
    if(chto==1){
        document.getElementById("pole1").style.display="";
        document.getElementById("pole2").style.display="none";
        //document.getElementById("pole3").style.display="none";
        //document.getElementById("chek2").checked=false;
        //document.getElementById("chek1").checked=true;
    }
    if(chto==2){
        document.getElementById("pole1").style.display="none";
        document.getElementById("pole2").style.display="";
        //document.getElementById("pole3").style.display="";
        //document.getElementById("chek1").checked=false;
        //document.getElementById("chek2").checked=true;
    }
}
</script>


<table>
<tr>
<td>
Радио1:<input id="chek1" type="radio" value="1" onclick="izmen_rad(this.value)" name="*!*chek12*/!*"><br />

Радио2:<input id="chek2" type="radio" value="2" onclick="izmen_rad(this.value)" name="*!*chek12*/!*">
</td>
</tr>
<tr>
<td id="pole1" style="display:none;">
Поле1:<input type="text" name="pole1">
</td>
</tr>
<tr>
<td id="pole2" style="display:none;">
Поле2 :<input name="pole2"><br />
Поле3:<input name="pole3" >
</td>

</tr>
</table>

Последний раз редактировалось Pavel M., 28.11.2011 в 14:02.
Ответить с цитированием
  #5 (permalink)  
Старый 28.11.2011, 14:49
Новичок на форуме
Отправить личное сообщение для Jetpilot Посмотреть профиль Найти все сообщения от Jetpilot
 
Регистрация: 26.11.2011
Сообщений: 3

Pavel M., спасибо Вам большое за помощь. Все работает отлично. Надеюсь еще кому-нибудь пригодится.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
Нужно при вводе в текстовое поле тут же отобразить данный в другом месте klubnichkaaa AJAX и COMET 3 20.10.2011 20:46
Как определить длину значения, введенного в текстовое поле? Bandicoot Общие вопросы Javascript 4 11.03.2011 20:17
Скрипт вставляет текст в текстовое поле. sss2019 Элементы интерфейса 5 10.07.2010 11:13
Сделать текстовое поле активным battrack1 Общие вопросы Javascript 3 11.06.2009 17:21