Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > установление и снятие checkbox


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

если в каком-нибудь из 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
Код

<!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>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)