Необходимо разрешить редактирование элемента input, которое было запрещено с помощью присвоения значения disabled атрибуту disabled.

Опубликовал: admin Wednesday, June 26, 2024 в категории jQuery, Подборка рецептов | Пока нет комментариев

Решение

Решим задачу простым удалением атрибута, применив для этого метод

removeAttr(name) (листинг 2.1.4).

Листинг2 .1 .4 . Использование метода removeAttr(name)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>example-2-1-4</title>
<content>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("a").click(function() {
$(this).next().removeAttr("disabled").focus().val("Редактируется");
});
});
</script>
</head>
<body>
<a href="#">Разрешить редактирование</a>
<input type="text" disabled="disabled" value="Не редактируется" />
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>example-2-1-4</title>

$(function(){

$("a").click(function() {

$(this).next().removeAttr("disabled").focus().val("Редактируется");

});

</script>

</head>

<body>

<a href="#">Разрешить редактирование</a>

</body>

</html>

Обсуждение

Итак, в HTML-коде, приведенном в листинге 2.1.4, имеется элемент input, редактирование которого запрещено с помощью атрибута disabled. Есть элемент a, при щелчке на котором с элемента input должен быть снят запрет редактирования.

Обратимся к JavaScript-коду. Сначала мы отыщем элемент a, чтобы связать с ним событие click, при наступлении которого будет вызываться функция, снимающая запрет редактирования. С этого момента разбираем код еще подробнее. В контексте функции, this ссылается на объект, описывающий элемент a, по которому был совершен щелчок. Но нам нужно работать со следующим элементом — input, поэтому в цепочку вызовов добавляем вызов метода next(), который поможет отыскать элемент input. Следующий метод в цепочке — removeAttr(name), с помощью которого мы удаляем атрибут disabled элемента input. Дальше просто для наглядности передаем в input фокус, вызывая метод focus(), и вставляем текст "Редактируется".

Источник: Самков Г. А. jQuery. Сборник рецептов. — 2-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2011. — 416 с.: ил. + CD-ROM — (Профессиональное программирование)

Популярное

Категории

Необходимо разрешить редактирование элемента input, которое было запрещено с помощью присвоения значения disabled атрибуту disabled.

Решение

Обсуждение

Похожие посты:

Комментировать Cancel reply