Нужна помощь в форме с вычислениями
Существует несколько 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} //Итого: |
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете 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. |