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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: disabled с помощью ява скрипт
 
 автор: localGhost   (22.02.2005 в 10:48)   письмо автору
 
 

как сделать активным или неактвиным text field если допустим поставили или не поставили галочку на checkbox?

   
 
 автор: Crux   (22.02.2005 в 12:45)   письмо автору
 
   для: localGhost   (22.02.2005 в 10:48)
 


<input type="checkbox" name="dis" onclick="JavaScript: document.getElementById('test').disabled=false">
<textarea name="text" id="test" DISABLED></textarea>


я думаю понятно.

   
 
 автор: Crux   (22.02.2005 в 12:56)   письмо автору
 
   для: Crux   (22.02.2005 в 12:45)
 

у вас навернека используется объект FORM,
тогда можно ещё сделать по другому

<form name="form_1">
<input type="checkbox" name="dis" onclick="JavaScript: document.form_1.text.disabled=false">
<textarea name="text" DISABLED></textarea>
</form>

   
 
 автор: Artemy   (22.02.2005 в 13:36)   письмо автору
 
   для: Crux   (22.02.2005 в 12:56)
 

А как это будет выглядеть если у нас 2 или 3 поля <textarea>?

   
 
 автор: Crux   (22.02.2005 в 13:51)   письмо автору
 
   для: Artemy   (22.02.2005 в 13:36)
 

для этого надо немного фантазии

<html>
<head>
    <title>DISABLED</title>
<script language="JavaScript">
function dis_on_off()
    {
    if (document.form_1.dis.checked)
        {
        document.form_1.text1.disabled=false
        document.form_1.text2.disabled=false
        document.form_1.text3.disabled=false
        }
    else
        {
        document.form_1.text1.disabled=true
        document.form_1.text2.disabled=true
        document.form_1.text3.disabled=true
        }
    }
</script>
</head>

<body>
<form name="form_1">
<input type="checkbox" name="dis" onclick="dis_on_off()">
<textarea name="text1" DISABLED></textarea>
<textarea name="text2" DISABLED></textarea>
<textarea name="text3" DISABLED></textarea>
</form>

</body>
</html>

   
 
 автор: Crux   (22.02.2005 в 14:04)   письмо автору
 
   для: Crux   (22.02.2005 в 13:51)
 

а если ещё немного подумать, то можно сделать универсальную функцию для любой формы, с любым количеством textarea

<html>
<head>
    <title>DISABLED</title>
<script language="JavaScript">
function dis_on_off(obj)
    {
    if (obj.dis.checked)
        {
        for (var j=0; j<obj.length; j++)
            {
            if (obj.elements[j].type=="textarea") obj.elements[j].disabled=false
            }
        }
    else
        {
        for (var j=0; j<obj.length; j++)
            {
            if (obj.elements[j].type=="textarea") obj.elements[j].disabled=true
            }
        }
    }
</script>
</head>

<body>
<form name="form_1">
<input type="checkbox" name="dis" onclick="dis_on_off(this.form)">
<textarea name="text1" DISABLED>1</textarea>
<textarea name="text2" DISABLED>2</textarea>
<textarea name="text3" DISABLED>3</textarea>
<textarea name="text4" DISABLED>4</textarea>
</form>

</body>
</html>

   
 
 автор: Artemy   (22.02.2005 в 14:12)   письмо автору
 
   для: Crux   (22.02.2005 в 14:04)
 

Класс, большое спасибо!
Я думаю, это будет работать, если вместо <input type="checkbox"> использовать <input type='radio'> и <textarea name="text1" DISABLED>1</textarea> заменить на<input type='text'>?

   
 
 автор: Artemy   (22.02.2005 в 14:56)   письмо автору
 
   для: Artemy   (22.02.2005 в 14:12)
 

Чего-то не получаеться!

   
 
 автор: Crux   (22.02.2005 в 14:59)   письмо автору
 
   для: Artemy   (22.02.2005 в 14:12)
 

боюсь для radio функцию придётся переделовать,
хотя суть практически одна и тажа

   
 
 автор: Crux   (22.02.2005 в 15:36)   письмо автору
 
   для: Crux   (22.02.2005 в 14:59)
 

например вот так

<html>
<head>
    <title>DISABLED</title>
<script language="JavaScript">
function dis_on_off(obj)
    {
    for (var j=0; j<obj.length; j++)
        {
        if (obj.elements[j].type=="radio") 
            {
            if (obj.elements[j].checked==true) obj.elements[j+1].disabled=false
                else obj.elements[j+1].disabled=true
            }
        }
    }
</script>
</head>

<body>
<form name="form_1">
<input type="radio" name="dis" onclick="dis_on_off(this.form)">
<input type="text" value="1" disabled><br>

<input type="radio" name="dis" onclick="dis_on_off(this.form)">
<input type="text" value="2" disabled><br>

<input type="radio" name="dis" onclick="dis_on_off(this.form)">
<input type="text" value="3" disabled><br>

<input type="radio" name="dis" onclick="dis_on_off(this.form)">
<input type="text" value="4" disabled><br>
</form>
</body>
</html>


только боюсь вам этот пример может неподойти, т.к. в он работает нормально только если в FORM идёт строгоая переодичность radio и text и нет больше других форм.

если бы вы представили свой код формы и опишети конкректно поставленную задачу, то смогу помочь.

   
 
 автор: Artemy   (22.02.2005 в 15:49)   письмо автору
3.2 Кб
 
   для: Crux   (22.02.2005 в 15:36)
 

Если это Вас не затруднит, тогда вот!
Если выберают физическое лицо, то работает левый столбик, а если юрид. лицо тогда правый стролбик из инпутов!
Большое за помощь!

   
 
 автор: Crux   (22.02.2005 в 16:43)   письмо автору
 
   для: Artemy   (22.02.2005 в 15:49)
 

если долго не думать то...

<script language="JavaScript">
function dis_fz(obj)
    {
    obj.firm.disabled=true
    obj.cargo.disabled=true
    obj.inn.disabled=true
    obj.kpp.disabled=true
    obj.index.disabled=true
    obj.adresss.disabled=true
    obj.tell.disabled=true
    obj.namee.disabled=true

    obj.fio.disabled=false
    obj.tel.disabled=false
    obj.adress.disabled=false
    obj.name.disabled=false
    }
function dis_yr(obj)
    {
    obj.firm.disabled=false
    obj.cargo.disabled=false
    obj.inn.disabled=false
    obj.kpp.disabled=false
    obj.index.disabled=false
    obj.adresss.disabled=false
    obj.tell.disabled=false
    obj.namee.disabled=false

    obj.fio.disabled=true
    obj.tel.disabled=true
    obj.adress.disabled=true
    obj.name.disabled=true
    }
</script>

и соответсвенно добавить вызов функций

.....
<input name="face" type="radio" value="1" checked onclick="dis_fz(this.form)"> 
......
<input name="face" type="radio" value="2" onclick="dis_yr(this.form)"> 
.....

а вообще это всё организовать надо по другому,
не обещаю, но постораюсь попозжа что-нибудь на примере выложить

   
 
 автор: Artemy   (22.02.2005 в 17:44)   письмо автору
 
   для: Crux   (22.02.2005 в 16:43)
 

Ого, примного благодарен, Crux!
Большое спасибо!

   
Rambler's Top100
вверх

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