Позначене прив’язування пов’язує елемент керування формою, який можна перевірити, тобто прапорець ( <input type='checkbox'> ) або перемикач ( <input type='radio'> ) — із властивістю вашої моделі перегляду. Коли користувач перевіряє відповідний елемент керування формою, це оновлює значення вашої моделі перегляду.
Використання Document.GetElementById для встановлення прапорця документ. getElementById('myCheckBox'). перевірено = вірно; Це призведе до того, що прапорець стане позначеним, і ви можете використати той самий метод, щоб зняти його, встановивши для властивості checked значення false.
Різні коди JavaScript, щоб отримати позначені значення прапорців
- <script>
- document.getElementById('btn').onclick = function() {
- var markedCheckbox = document.getElementsByName('pl');
- for (var checkbox of markedCheckbox) {
- if (checkbox.checked)
- document.body.append(checkbox.value + ' ');
- }
- }
Подібно до HTML, ви можете встановіть атрибут defaultChecked для введення прапорців. Для нього потрібно встановити логічне значення. Якщо встановлено значення true , прапорець буде встановлено автоматично. Якщо значення false або взагалі не вказано значення за умовчанням, прапорець не буде встановлено автоматично.
Двостороннє прив’язування даних у JavaScript
- Установіть початкове значення поля введення на основі моделі даних (наприклад, відобразіть ім’я користувача, якщо воно вже збережено).
- Визначати зміни в полі введення (коли користувач вводить своє ім’я).
- Оновіть модель даних новим значенням із поля введення.