1. Уважаемые участники и гости, 19 октября codeby будет работать в режиме "Только чтение". Регистрация новых участников будет закрыта. 20 октября портал продолжит работу в прежнем режиме.

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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем -, 11 апр 2009.

  1. Гость

    Репутация:
    0
    У меня такая проблема: есть 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>
     
  2. Vovochka

    Vovochka Гость

    Репутация:
    0
    Заменить box.checked = true; на box.click();
    Тогда будет вызываться соответствующее событие.
    Ну или box.onclick(); добавить
     
  3. Гость

    Репутация:
    0
    Спасибо!
     
Загрузка...

Поделиться этой страницей