Существует несколько CheckBox. Каждому соответствует Textbox1 для ввода данных и Textbox2 в котором выводится результат вычисления.
Проблема:
1. Необходимо чтобы при снятии выделения с CheckBox обнулялись оба Textbox без перезагрузки страницы.
2. Каким образом можно сделать, чтобы оба Textbox были скрыты и появлялись при выделении CheckBox.
<script language="javascript">
function update(checkObj,textID) {
var textObj = document.getElementById(textID);
textObj.style.visibility = checkObj.checked?'visible':'hidden';
}
</script>
<form action="" method="post">
<table width="700" border="0">
<tr>
<td width="300" align="right"> мойка территории: </td>
<td width="30" align="right"> <input name="chk" type="checkbox" id="z" value="26" onclick="update(this,'text26')"> </td>
<td width="145" align="right"> <input type="text" size="1" style="visibility:hidden;" id="text26" name="AII"/> раз в год. </td>
<td width="60" align="right"> <b> {AIII} </b> </td>
<td align="right"> ש"ח. </td>
</tr>
<tr>
<td width="300" align="right"> мойка бассейна: </td>
<td width="30" align="right"> <input name="chk" type="checkbox" id="aa" value="27" onclick="update(this,'text27')"> </td>
<td width="145" align="right"> <input type="text" size="1" style="visibility:hidden;" id="text27" name="YY"/> бассейнов. </td>
<td align="right"> <b> {YYY} </b> </td>
<td align="right"> ש"ח. </td>
</tr>
<tr>
<td align="right"> мойка витрин: </td>
<td align="right"> <input name="chk" type="checkbox" id="ab" value="28" onclick="update(this,'text28')"> </td>
<td align="right"> <input type="text" size="1" style="visibility:hidden;" id="text28" name="AJJ"/> раз в год. </td>
<td align="right"> <b> {AJJJ} </b> </td>
<td align="right"> ש"ח. </td>
</tr>
<tr>
<td align="right"> нанесение специального покрытия: </td>
<td align="right"> <input name="chk" type="checkbox" id="ac" value="29" onclick="update(this,'text29')"> </td>
<td align="right"> <input type="text" size="1" style="visibility:hidden;" id="text29" name="AKK"/> раз в год. </td>
<td align="right"> <b> {AKKK} </b> </td>
<td align="right"> руб. </td>
</tr>
</table>
<table width="700" border="0">
<tr> <td>______________________________________________ _____________________________________</td>
</tr>
</table>
<table width="700" border="0">
<tr>
<td width="483" align="right"> <b> Итого: </b> </td>
<td width="60" align="right"> <b> {AL} </b> </td>
<td align="right"> руб. </td>
</table>
Formula:
AIII={AII}*70 //мойка территории
YYY={YY}*750/12 //мойка бассейна
AJJJ={AJJ}*400/12 //мойка витрин
AKKK={AKK}*1000/12 //нанесение специального покрытия
AL= {YYY}+{ AIII}+{AJJJ}+{AKKK} //Итого: