Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: зависимые поля формы

Сообщения:  [1-2] 

 
 автор: codexomega   (03.09.2005 в 17:42)   письмо автору
 
   для: denvor   (03.09.2005 в 13:31)
 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">
function disableFields(){
    document.forms.form1.name.disabled = true;
    document.forms.form1.email.disabled = true;
}
function enableFields(){
    document.forms.form1.name.disabled = false;
    document.forms.form1.email.disabled = false;
}
function changeMessage(){
    var box = document.forms.form1.box;
    if(box[0].checked == true)
        document.forms.form1.message.disabled=true;
    else if(box[1].checked == true)
        document.forms.form1.message.disabled=false;
    else
        alert("Try again!");
}
</script>

</head>

<body>
<form action="" method="post" name="form1">
<div style="background-color:#CCCCCC">
    disable<input name="radio" type="radio" value="1" onclick="disableFields()" />
    enable<input name="radio" type="radio" value="2" onclick="enableFields()"/><br />
    
    name:<input name="name" type="text" /><br />
    email:<input name="email" type="text" />
</div>

<div style="background-color:#00FF99">
    <p>
        box1:<input name="box" type="checkbox" value="choice1" checked />
        box2:<input name="box" type="checkbox" value="choice2" />
        box3:<input name="box" type="checkbox" value="choice3" />
    </p>
    <input type="button" name="button" value="Click me" onclick="changeMessage()"><br />
    <textarea name="message" cols="20" rows="5"></textarea>
</div>

</div>
</form>
</body>
</html>



Надеюсь всё будет понятно без комментариев.

   
 
 автор: denvor   (03.09.2005 в 13:31)   письмо автору
 
 

Доброго времени суток!
Воткакой у меня вопрос: как сделать так, чтобы отображение одних полей формы зависело от состояния, скажем чекбокса или радиобаттон?

Например: отображение текстового поля при щелчке по радиобаттон
и затенение (делаются недоступными для ввода данных) группы полей при отметке некого чекбокса?

PC в форуме искал, так что ногами не пинайте :)

   

Сообщения:  [1-2] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования