powered by simpleCommunicator - 2.0.60     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Изменить цвет Checkbox`a на клиенте (JavaScript)
9 сообщений из 9, страница 1 из 1
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34129613
Sergej_S
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
С javascriptom вообще не знаком пока :(. Пытаюсь на нем написать скрипт, чтобы при изменении Checked на клиенте менялся цвет чекбокса. Подскажите, пожалуйста, где ошибки - литературу по Java пока неимею возможности почитать.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script language=javascript>
function Cvet()
{
    var Chk;
    Chk = document.getElementById("CheckBox1");
    if (Chk.Checked = true)
        Chk.ForeColor = red;
    else Chk.ForeColor = black;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="javascript:Cvet();" Text="eee" />            
    </div>
    </form>
</body>
</html>
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34129806
belkazl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
"Sergej_S":
С javascriptom вообще не знаком пока :(. Пытаюсь на нем написать скрипт, чтобы при изменении Checked на клиенте менялся цвет чекбокса. Подскажите, пожалуйста, где ошибки - литературу по Java пока неимею возможности почитать.

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script language=javascript>
function Cvet()
{
var Chk;
Chk = document.getElementById("CheckBox1");
if (Chk.Checked = true)
Chk.ForeColor = red;
else Chk.ForeColor = black;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="javascript:Cvet();" Text="eee" />
</div>
</form>
</body>
</html>

<asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="javascript:Cvet();" Text="eee" /> Генерит CheckBox  с другим ID в HTML у него будет префикс типа такого "ctl00_" т.е. ID будет иметь вид "ctl00_CheckBox1" т.е. Chk = document.getElementById("ctl00_CheckBox1");belka
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34129847
belkazl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
"Sergej_S":
С javascriptom вообще не знаком пока :(. Пытаюсь на нем написать скрипт, чтобы при изменении Checked на клиенте менялся цвет чекбокса. Подскажите, пожалуйста, где ошибки - литературу по Java пока неимею возможности почитать.

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script language=javascript>
function Cvet()
{
var Chk;
Chk = document.getElementById("CheckBox1");
if (Chk.Checked = true)
Chk.ForeColor = red;
else Chk.ForeColor = black;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="javascript:Cvet();" Text="eee" />
</div>
</form>
</body>
</html>

Используй Firefox для просмотра ошибок JavaScripte там есть консоль ошибокbelka
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34129891
chepulsky
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
а лучше так:
Chk = document.all("<%= CheckBox1.ClientID%>");
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34129907
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
belkazl
Используй Firefox для просмотра ошибок JavaScripte там есть консоль ошибокbelka

Жабаскрипт тут не при чем, т.к. OnCheckedChanged - серверное событие, а тут на него пытаются повесить КЛИЕНТСКИЙ скрипт. И вообще - серверный чекбокс состоит из собссно чекбокса и метки для него. Это так, к сведению.
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34130050
belkazl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
"SkyLight":




belkazl


Используй Firefox для просмотра ошибок JavaScripte там есть консоль ошибокbelka

Жабаскрипт тут не при чем, т.к. OnCheckedChanged - серверное событие, а тут на него пытаются повесить КЛИЕНТСКИЙ скрипт. И вообще - серверный чекбокс состоит из собссно чекбокса и метки для него. Это так, к сведению.
Да точно, на обработчик события не посмотрел. Но всё что написано выше остаёться в силе, такой ID js  всё-равно не найдёт)))belka
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34130214
Poul_Ko
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте, Sergej_S, Вы писали:

S_S>С javascriptom вообще не знаком пока :(. Пытаюсь на нем написать скрипт, чтобы при изменении Checked на клиенте менялся цвет чекбокса. Подскажите, пожалуйста, где ошибки — литературу по Java пока неимею возможности почитать.

Должно заработать (см выделение жирным и "==" в условии):

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script language=javascript>
function Cvet()
{
    var Chk;
    Chk = document.getElementById( '<% = CheckBox1.ClientID %>' );
    if (Chk.Checked  ==  true)
        Chk.ForeColor = red;
    else Chk.ForeColor = black;
}
</script>
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34130243
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно попробовать так. На сервере дописываем:

Код: plaintext
CheckBox1.Attributes.Add("onclick", "changeColor(this)");

И клиентская функция:

Код: plaintext
1.
2.
function changeColor(_){
    _.nextSibling.style.color = _.checked ? 'red' : 'black';
}
...
Рейтинг: 0 / 0
Изменить цвет Checkbox`a на клиенте (JavaScript)
    #34130407
Sergej_S
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо всем за быструю помощь!!! Использовал вариант SkyLight`a.
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Изменить цвет Checkbox`a на клиенте (JavaScript)
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]