1. Набираем команду codeby webinar. Набираем команду для организации и проведения вебинаров. Подробнее ...

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление
  3. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление

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

Тема в разделе "Web - программирование", создана пользователем 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
    Код:
    <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>
    желаю удачи...
     
Загрузка...

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