Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нужна помощь в форме с вычислениями (https://javascript.ru/forum/dom-window/19272-nuzhna-pomoshh-v-forme-s-vychisleniyami.html)

chif 30.07.2011 21:11

Нужна помощь в форме с вычислениями
 
Существует несколько 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} //Итого:

melky 30.07.2011 21:47

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.



Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 06:22.