В этой статье будут продемонстрированы методы установки и снятия всех флажков с помощью JavaScript.
Как установить и снять все флажки с помощью JavaScript?
Чтобы установить и снять все флажки в JavaScript, вы можете применить:
Упомянутые подходы теперь будут обсуждаться один за другим!
Способ 1: Установите и снимите все флажки в JavaScript, используя метод «document.getElementsByName()» с «флажками»
“ document.getElementsByName() » возвращает элементы с указанным именем в своих аргументах. Этот метод будет применяться для получения значения каждого флажка с помощью переданного имени.
Давайте рассмотрим следующий пример для демонстрации.
Пример
Во-первых, тип ввода будет указан как « флажок ”, и каждому флажку будет присвоено конкретное имя и значение:
< тип ввода знак равно 'флажок' имя знак равно 'просто' ценность знак равно 'Питон' > питон < бр />< тип ввода знак равно 'флажок' имя знак равно 'просто' ценность знак равно 'Ява' > Ява < бр />
< тип ввода знак равно 'флажок' имя знак равно 'просто' ценность знак равно 'Джаваскрипт' > JavaScript < бр />
Теперь включите дополнительный флажок со значением « Проверить все ' и прикрепите ' по щелчку() ” событие с этим флажком, которое будет работать таким образом, что при нажатии флажка “ проверитьНепроверенный ()» метод будет вызываться с объектом « это ” в качестве аргумента:
< тип ввода знак равно 'флажок' по щелчку знак равно 'checkUncheck (это)' /> Проверить все < бр />
После этого определите функцию с именем « проверитьСнять отметку() » в файле JavaScript с переменной с именем « флажок » в качестве аргумента. Теперь получите доступ к значениям флажков, используя « document.getElementsByName() ” и поместите значение “ имя ” в качестве аргумента.
Наконец, примените « за », чтобы перебирать все значения флажков и использовать « проверил », чтобы пометить их все как проверенные:
проверить функциюСнять отметку ( флажок ) {получить знак равно документ. getElementsByName ( 'просто' ) ;
за ( был в знак равно 0 ; я < получить. длина ; я ++ ) {
получить [ я ] . проверил знак равно флажок. проверил ; }
}
Как видите, когда « Проверить все », все остальные флажки также отмечены как установленные:
Способ 2: Установите и снимите все флажки в JavaScript, используя метод «document.getElementsByName ()» с «кнопками»
“ document.getElementsByName() », как обсуждалось в предыдущем методе, извлекает элементы с указанным именем в своих аргументах. Его можно использовать для установки или снятия всех добавленных флажков на веб-странице.
Посмотрите на следующий пример для демонстрации.
Пример
Теперь мы добавим две кнопки для обоих « Проверяет все ' а также ' Снять все » функциональные возможности. Затем прикрепите « по щелчку ” с обеими кнопками, которые будут получать доступ к указанным функциям по отдельности:
< тип ввода знак равно 'кнопка' по щелчку знак равно 'Проверьте()' ценность знак равно 'Проверяет все' />< тип ввода знак равно 'кнопка' по щелчку знак равно 'снять отметку()' ценность знак равно «Отменяет все» />
Затем определите функцию с именем « Проверьте() » и применить « document.getElementsByName ” с указанным значением параметра “ имя атрибут. Затем повторите « за » по всем значениям флажков, описанным в предыдущем методе.
Кроме того, при нажатии соответствующей кнопки отображается « проверил » отметит все флажки и установит отмеченное состояние как « истинный ”:
функциональная проверка ( ) {быть козлом знак равно документ. getElementsByName ( 'Проверьте' ) ;
за ( был в знак равно 0 ; я < получить. длина ; я ++ ) {
получить [ я ] . проверил знак равно истинный ; }
}
Затем определите функцию с именем « снять флажок () ', и добавьте в него обратную функциональность, чтобы пометить свойство флажка как ' ЛОЖЬ ”:
функция снять флажок ( ) {быть козлом знак равно документ. getElementsByName ( 'Проверьте' ) ;
за ( был в знак равно 0 ; я < получить. длина ; я ++ ) {
получить [ я ] . проверил знак равно ЛОЖЬ ; }
}
В выводе видно, что добавленные кнопки работают отлично:
Мы предоставили самые простые способы установить и снять все флажки с помощью JavaScript.
Вывод
Для установки и снятия всех флажков с помощью JavaScript используйте « document.getElementsByName() ” метод с “ Флажки », чтобы добавить флажок и получить доступ к функции, что приведет к установке флажков, или применить тот же метод с « Кнопки », чтобы включить две кнопки отдельно для проверки и снятия всех указанных значений. В этой статье объяснялись методы установки и снятия всех флажков с помощью JavaScript.