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

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

  1. alpacho13

    alpacho13 Гость

    Помогите. Я в 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

    Регистрация:
    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>
    желаю удачи...
     
Загрузка...

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