jQuery: отображать отмеченный атрибут и свойство флажка при его изменении

Последнее обновление 21 сентября 2018 11:13:45 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

jQuery Fundamental - I: упражнение 27

Использование jQuery отображает отмеченный атрибут и свойство флажка при его изменении.

 <Тело>
<input id = "check1" type = "checkbox" флажок = "флажок">
<label for = "check1"> Check me </ label>
</ Body>

Пример решения:

HTML-код:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Using jQuery display the checked attribute and property of a checkbox as it changes.</title>
</head>
<body>
<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check me</label>
</body>
</html>

Код JavaScript:

$( "input" )
  .change(function() {
    var $input = $( this );
   console.log(".attr( 'checked' )");
   console.log(".prop( 'checked' ): " +$input.prop( "checked" ))    ;       
console.log(".is( ':checked' ): " + $input.is( ":checked" ) );               
  })
  .change();

Используемые методы:

.attr (): получить значение атрибута для первого элемента в наборе совпадающих элементов или установить один или несколько атрибутов для каждого сопоставленного элемента.
.prop (): получить значение свойства для первого элемента в наборе соответствующих элементов или задать одно или несколько свойств для каждого соответствующего элемента.
.change (): привязать обработчик события к событию JavaScript «change» или вызвать это событие для элемента.

См. Pen jquery- ОСНОВНОЕ УПРАВЛЕНИЕ -27 от w3resource ( @ w3resource ) на CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущая: Использование jQuery добавляет все промежутки к элементу с указанным идентификатором.
Далее: найти атрибут заголовка первого на странице.