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

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

 

[Radion2]

Надо чтобы после де активации варианты или пакеты, выбранные варианты сбрасывались.

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

желаю удачи...