Това описание ще опише процедурата за поставяне и премахване на отметка в квадратчето с помощта на JavaScript.
Как да поставите/махнете отметка в квадратчето с помощта на JavaScript?
За да поставите или премахнете отметките в квадратчетата за отметка в JavaScript, използвайте „ проверено ' атрибут. Първо вземете препратката към HTML елемента „ отметка ' с помощта на присвоения му ' документ за самоличност ' използвайки ' getElementById() ' и след това приложете метода ' проверено ” имущество върху неговата стойност.
Пример 1: Поставете отметка/махнете отметката в едно квадратче за отметка
Първо създайте HTML файл със следните редове код:
< h3 > Щракнете върху бутони, за да поставите или премахнете отметката от квадратчето h3 >
< тип вход = 'кутия за отметка' документ за самоличност = 'кутия за отметка' > Съгласен съм с условията < бр >< бр >
< тип бутон = 'бутон' onclick = 'проверка()' > да бутон >
< тип бутон = 'бутон' onclick = 'махни отметката()' > не бутон >
В горния код:
- Създайте квадратче за отметка с идентификатора „ отметка ', който ще се използва за достъп до елемента ' отметка ” за извършване на действия.
- Създайте два бутона, “ да ' и ' не “, за да поставите или премахнете отметката от квадратчето, което ще задейства функцията „ проверка () ' и ' премахнете отметката () ” съответно на събитието кликване.
След изпълнение на горния код, изходът ще бъде като този:
След това дефинирайте функциите за извършване на действия върху квадратчето за отметка в JavaScript файла или маркера. За да поставите отметка в квадратчето, използвайте редовете с код по-долу:
функция проверка ( ) {
позволете въвеждане = документ. getElementById ( квадратче за отметка ) ;
вход. проверено = вярно ;
}
В горния код:
- Дефинирайте функция ' проверка () ”, което ще задейства щракване върху бутона, за да поставите отметка в квадратчето.
- Вътре в тялото на функцията вземете препратката към квадратчето за отметка, като използвате неговия идентификатор „ отметка ' с помощта на ' getElementById() ' метод и го съхранете в променлива ' вход ”.
- Поставете отметка в квадратчето, като зададете „ проверено ' Имот ' вярно ”.
За да премахнете отметката от квадратчето, като щракнете върху „ не ”, използвайте дадения по-долу код:
функция премахнете отметката ( ) {позволете въвеждане = документ. getElementById ( квадратче за отметка ) ;
вход. проверено = невярно ;
}
Горният кодов фрагмент:
- Дефинирайте функция ' премахнете отметката () ”, което ще задейства щракването върху бутона, за да премахнете отметката от квадратчето.
- Вътре в тялото на функцията вземете препратката към квадратчето за отметка, като използвате неговия идентификатор „ отметка ' с помощта на ' getElementById() ' метод и го съхранете в променлива ' вход ”.
- Премахнете отметката от квадратчето, като зададете „ проверено ' Имот ' невярно ”.
И накрая, дефинирайте функция, за да премахнете отметката от квадратчето по подразбиране при зареждане на страницата, като използвате „ window.onload ” събитие:
прозорец. зареждане = функция ( ) {прозорец. addEventListener ( 'зареждане' , проверка , невярно ) ;
}
Изход
Изходът означава, че квадратчето за отметка е отметнато и премахнато успешно, докато щраквате върху бутоните.
Пример 2: Поставете отметка/премахнете отметката на няколко квадратчета за отметка
Нека да видим пример как да поставите отметка или премахнете отметката от всички квадратчета едновременно.
Първо създайте HTML файл и след това създайте няколко квадратчета за отметка и бутон с идентификатора „ превключвам ”, който ще постави отметка в квадратчето за отметка или премахване на отметката:
< h3 > Щракнете върху бутона, за да поставите или премахнете отметките от всички квадратчета h3 >< тип вход = 'кутия за отметка' клас = 'кутия за отметка' > Поставете отметка или я премахнете < бр >
< тип вход = 'кутия за отметка' клас = 'кутия за отметка' > Поставете отметка или я премахнете < бр >
< тип вход = 'кутия за отметка' клас = 'кутия за отметка' > Поставете отметка или я премахнете < бр >
< тип вход = 'кутия за отметка' клас = 'кутия за отметка' > Поставете отметка или я премахнете < бр >
< тип вход = 'кутия за отметка' клас = 'кутия за отметка' > Поставете отметка или я премахнете < бр >< бр >
< тип вход = 'бутон' документ за самоличност = 'превключване' стойност = „Щракнете, за да превключите квадратчетата за отметка“ >
Съответният изход ще бъде:
След това в JavaScript файл или