нужна помощь по Javascript

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем alpacho13, 10 сен 2011.

  1. alpacho13

    alpacho13 Гость

    Репутация:
    0
    Помогите. Я в JS не очень разбираюсь.Сейчас разрабатываю форму калькулятора. И вот что не получается. После выбора варианты, активируется выбор вариантов, но если выбор вариантов отменить поля вариантов не сбрасывают выбранное поле.
    Помогите разобраться. Надо чтобы после де активации варианты или пакеты, выбранные варианты сбрасывались.
    Вот пример кода.


    <script type="text/javascript">
    function changeReadonly(chkObj,elementId) {
    var objElement = document.getElementById(elementId);
    if(chkObj.checked){ objElement.disabled=0; }
    else { objElement.disabled=1; }
    }
    </script>
    <table width="169" border="1" cellpadding="0" cellspacing="0">
    <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="1" onClick="changeReadonly(this,'variant_1'); changeReadonly(this,'variant_2');" name="1"></td>
    <td align="left" valign="middle"><strong>Варианты</strong></td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="radio" name="variant" id="variant_1" disabled value="вариант 1"></td>
    <td width="132">Вариант 1</td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="radio" name="variant" id="variant_2" disabled value="вариант 1"></td>
    <td width="132">Вариант 2</td>
    </tr>
    <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="2" onClick="changeReadonly(this,'package_1'); changeReadonly(this,'package_2');" name="2"></td>
    <td align="left" valign="middle"><strong>Пакеты</strong></td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="checkbox" name="package_1" id="package_1" disabled value="Пакет 1"></td>
    <td width="132">Пакет 1</td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="checkbox" name="package_2" id="package_2" disabled value="Пакет 2"></td>
    <td width="132">Пакет 2</td>
    </tr>

    <tr>
    <td width="35" align="center"><span></span></td>
    <td width="132">Итого: <span id="totalprice"></span></td>
    </tr>
    </table>
     
  2. Radion2

    Radion2 Member

    Репутация:
    0
    Регистрация:
    13 сен 2006
    Сообщения:
    23
    Симпатии:
    0
    Код (Text):
    <script type="text/javascript">
    function changeReadonly(chkObj,elementId) {
    var objElement = document.getElementById(elementId);
    if(chkObj.checked){ objElement.disabled=false; }
    else if(chkObj.checked==false){ objElement.disabled=true; objElement.checked=false; }
    else { objElement.disabled=true; }
    }

    </script>
    <table width="169" border="1" cellpadding="0" cellspacing="0">
    <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="1" onClick="changeReadonly(this,'variant_1'); changeReadonly(this,'variant_2');" name="1"></td>
    <td align="left" valign="middle"><strong>Варианты</strong></td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="radio" name="variant" id="variant_1" disabled value="вариант 1"></td>
    <td width="132">Вариант 1</td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="radio" name="variant" id="variant_2" disabled value="вариант 1"></td>
    <td width="132">Вариант 2</td>
    </tr>
    <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="2" onClick="changeReadonly(this,'package_1'); changeReadonly(this,'package_2');" name="2"></td>
    <td align="left" valign="middle"><strong>Пакеты</strong></td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="checkbox" name="package_1" id="package_1" disabled value="Пакет 1"></td>
    <td width="132">Пакет 1</td>
    </tr>
    <tr>
    <td width="35" align="center"><input type="checkbox" name="package_2" id="package_2" disabled value="Пакет 2"></td>
    <td width="132">Пакет 2</td>
    </tr>

    <tr>
    <td width="35" align="center"><span></span></td>
    <td width="132">Итого: <span id="totalprice"></span></td>
    </tr>
    </table>
    желаю удачи...
     
Загрузка...
Похожие Темы - нужна помощь по
  1. petiablack
    Ответов:
    0
    Просмотров:
    40
  2. kuric
    Ответов:
    0
    Просмотров:
    330
  3. msfconsole
    Ответов:
    0
    Просмотров:
    423
  4. slavkan777
    Ответов:
    3
    Просмотров:
    963
  5. serauto79
    Ответов:
    3
    Просмотров:
    1.041

Поделиться этой страницей