Выделение всех чекбоксов + Onclick

  • Автор темы Guest
  • Дата начала
G

Guest

#1
У меня такая проблема: есть 3 элемента checkbox, которые при нажатии на каждый из них onClick, активируют функции, которые в свою очередь изменяют текст в textarea. И есть кнопка "Выделить все!", которая выделяет(отмчает) все эти 3 чекбокса, используя функцию checkAll(). Но при выделении чекбоксов кнопкой "Выделить все!", текст в textarea не меняется, т.е. не срабатывает onClick, используемый в чекбоксах.
Вопрос: Как сделать так, чтобы при нажатии на кнопку "Выделить все!",
1) выделялись(отмечались) все чекбоксы;
2) изменялся текст в textarea?

Помогите пожалуйста!

Вот код:

Код:
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251" />

<script LANGUAGE="JavaScript">
<!-- Begin
function replaceChars(entry) {
out = "очепятка"; // это слово заменяем
add = "опечатка"; // на это
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function replaceChars1(entry) {
out = "--"; // этот символ заменяем
add = " - "; // на этот
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function replaceChars2(entry) {
out = "(dp.ru)"; // это выражение
add = ""; // удаляем
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function checkAll() {
for (var j = 1; j <= 3; j++) {
box = eval("document.FormPopUp.C" + j); 
if (box.checked == false) box.checked = true;
}
}
// End -->
</script>

</head>

<body>
<center>

<form name=FormPopUp>
<table border=1>
<tr>
<td colspan=3 ALIGN="right" bgcolor="gray"> 
<input type=button value="Включить все!" onClick="checkAll();" onMouseOver="style.color='blue'" onMouseOut="style.color='black'">
</td>
</tr>

<tr>
<td colspan=3 align="center">
<textarea name=TxtPopUp rows="4" cols="35" value="">очепятка--(dp.ru)</textarea>
</td>
</tr>

<tr>
<td><center>

<div style="width:300px; height:100px;">
<TABLE BORDER=1 wiDTH=300 height=100 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD align="center">
<input type=checkbox name=C1 onClick="replaceChars(document.FormPopUp.TxtPopUp. value);">Исправить</center>
</td>
<td>
<center> очепятка</center>
</td>
<td>
<center> опечатка</center>
</td> 
</tr>

<tr>
<td><center>
<input type=checkbox name=C2 onClick="replaceChars1(document.FormPopUp.TxtPopUp .value);">Исправить</center>
</td>
<td>
<center>--</center>
</td> 
<td>
<center> - </center>
</td>
</tr>

<tr>
<td><center>
<input type=checkbox name=C3 onClick="replaceChars2(document.FormPopUp.TxtPopUp .value);">Исправить</center>
</td>
<td>
<center> (dp.ru) </center>
</td> 
<td>
<center> "удалить" </center>
</td>
</tr>

</table>
</div>

</TD>
</TR> 
</TABLE>

</form>
</center> 

</body>
</html>