VPF::установление и снятие checkbox - Форум программистов

AlexRR

Дата 27.2.2008, 01:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 13.2.2008

Репутация: нет
Всего: нет

подскажите, как в приведенном коде реализовать следующее (что нужно изменять?):

если в каком-нибудь из checkbox изначально была установлена галка, то этот элемент должен быть активный (в примере, это первый checkbox). Пока только работает, что при загрузке все checkbox неактивны, а при установлении галки становятся активными?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<script>
<!-- 
function myChange(i){
    if (document.getElementById('iText'+i).disabled) {
        document.getElementById('iSpan'+i).style.color= "#000000";
        document.getElementById('iText'+i).disabled   = "";
    } 
    else {
        document.getElementById('iSpan'+i).style.color= "#CACACA";
        document.getElementById('iText'+i).disabled   = "disabled";    
    }
    return true;
}
//-->
</script>
</head>
<body>
  <form action="#">                     
    <input id="iCheckbox1" type="checkbox" onclick="myChange(1);" CHECKED/>
    <span  id="iSpan1" style="color:#CACACA">SomeText</span>
    <input id="iText1" type="text" value="some text" disabled="disabled"/>
    <br />
    <input id="iCheckbox2" type="checkbox" onclick="myChange(2);" />
    <span  id="iSpan2" style="color:#CACACA">SomeText</span>
    <input id="iText2" type="text" value="some text" disabled="disabled"/>
    <br />
    <input id="iCheckbox3" type="checkbox" onclick="myChange(3);" />
    <span id="iSpan3" style="color:#CACACA">SomeText</span>
    <input id="iText3" type="text" value="some text" disabled="disabled"/>
    <br />
  </form>
</body>
</html>

Itsys

Дата 27.2.2008, 01:17 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 12
Всего: 34

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<script>
<!-- 
function myChange(i){
    if (document.getElementById('iText'+i).disabled) {
        document.getElementById('iSpan'+i).style.color= "#000000";
        document.getElementById('iText'+i).disabled   = false;
    } 
    else {
        document.getElementById('iSpan'+i).style.color= "#CACACA";
        document.getElementById('iText'+i).disabled   = true;    
    }
    return true;
}
//-->
</script>
</head>
<body>
  <form action="#">                     
    <input id="iCheckbox1" type="checkbox" onclick="myChange(1);" CHECKED/>
    <span  id="iSpan1" style="color:#000000">SomeText</span>
    <input id="iText1" type="text" value="some text"/>
    <br />
    <input id="iCheckbox2" type="checkbox" onclick="myChange(2);" />
    <span  id="iSpan2" style="color:#CACACA">SomeText</span>
    <input id="iText2" type="text" value="some text" disabled="disabled"/>
    <br />
    <input id="iCheckbox3" type="checkbox" onclick="myChange(3);" />
    <span id="iSpan3" style="color:#CACACA">SomeText</span>
    <input id="iText3" type="text" value="some text" disabled="disabled"/>
    <br />
  </form>
</body>
</html>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »