На веб-странице существует форма, в которой нужно отыскать все поля, доступные для заполнения, и отметить их. То же самое необходимо сделать с теми полями, которые для заполнения недоступны.

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

Решение

Решить задачу помогут фильтры :enabled и :disabled (листинг 1.8.1).

Листинг 1 .8 .1 . Использование фильтров :enabled и :disabled

<!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-1-8-1</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>
<style type="text/css"> form { width:300px; }
input { float:right; margin-bottom:2px; } br { clear:right; }
</style>
<script type="text/javascript">
$(function(){
$("input:disabled").val("DISABLED");
$("input:enabled").val("ENABLED");
});
</script>
</head>
<body>
<form>
<input type="text" /><label>Имя</label><br />
<input type="text" /><label>Фамилия</label><br />
<input type="text" disabled="disabled" /><label>Серия паспорта</label><br />
<input type="text" disabled="disabled" /><label>Номер паспорта</label><br />
<input type="text" /><label>E-mail адрес</label><br />
</form>
</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-1-8-1</title>

input { float:right; margin-bottom:2px; } br { clear:right; }

</style>

$(function(){

$("input:disabled").val("DISABLED");

$("input:enabled").val("ENABLED");

});

</script>

</head>

<body>

<form>

<input type="text" /><label>Фамилия</label><br />

<input type="text" disabled="disabled" /><label>Серия паспорта</label><br />

<input type="text" disabled="disabled" /><label>Номер паспорта</label><br />

<input type="text" /><label>E-mail адрес</label><br />

</form>

</body>

</html>

Обсуждение

В HTML-коде листинга 1.8.1 описана форма, состоящая из пяти полей ввода, два из которых имеют значение disabled атрибута disabled. Остальные поля такого атрибута не имеют и, следовательно, доступны для заполнения.

Посмотрим на JavaScript-код. Указывая в селекторе выражение input:disabled, мы выбираем два поля, которые запрещены для заполнения. С помощью метода val() мы, тем не менее, можем вставить какое-либо значение в эти поля. Пользуемся этим и вставляем значение DISABLED. Аналогично поступаем с доступными полями — записывая в селекторе выражение input:enabled, выбираем их, и вставляем значение ENABLED с помощью того же метода val().

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

Популярное

Категории

Решение

Обсуждение

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

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