Тази статия демонстрира целта, функционалността и използването на свойството „проверено“ на HTML DOM Input Radio в JavaScript.
Какво представлява „отметнато“ свойство на HTML DOM Input Radio в JavaScript?
Свойството Input Radio „проверено“ работи върху HTML формуляри и полета за въвеждане, за да зададе и провери състоянието на бутона „Radio“.
Синтаксис (задаване на отметнато свойство)
радиообект. проверено = вярно | невярноСъгласно дефинирания синтаксис за връщане, свойството „проверено“ поддържа два параметъра, които са изброени по-долу:
- вярно: Това означава, че съответният елемент е отметнат.
- невярно: Това показва, че съответният елемент не е отметнат.
Синтаксис (Връщане на проверено свойство)
радиообект. провереноВ горния синтаксис „ радиообект ' се отнася за HTML ' <вход> ” елемент, чийто тип е „радио”.
Нека използваме дефинирания по-горе синтаксис, за да обясним използването на свойството „проверено“ на HTML DOM Input Radio с помощта на дадени практически примери.
Пример 1: Прилагане на свойството „проверено“ на входното радио Използване на основен синтаксис
В първия пример бутонът „Радио“ е създаден, за да зададе свойството си „проверено“ чрез използване на дефинирания обобщен синтаксис.
HTML код
Първо, погледнете посочения HTML код:
< стил на тялото = 'подравняване на текст: център' >
< h2 > HTML DOM Input Radio Проверена собственост h2 >
Цвят : < тип вход = 'радио' документ за самоличност = 'жълто' > Жълто < бр >< бр >
< бутон при щракване = 'colorCheck()' > Проверете 'жълто' бутон >
< бутон при щракване = 'colorUncheck()' > Премахнете отметката 'жълто' бутон >
В горните кодови редове:
- „ <тяло> ” дефинира основната част, която е подравнена към „ център ”.
- „ ” указва първото подзаглавие.
- „ <вход> ” добавя бутон „Радио”, като посочва типа на въвеждане „ радио ' с присвоен идентификатор ' жълто ”.
- „ <бутон> ” добавя прост бутон, свързан с „ onclick ” събитие за изпълнение на „ colorCheck() ” функция, която ще бъде достъпна при натискане на бутон.
- По същия начин, друг „ <бутон> ” създава бутон за извикване на „ colorUncheck() ” функция при натискане на бутона.
JavaScript код
След това следвайте дадения JavaScript код:
< сценарий >функция colorCheck ( ) {
документ. getElementById ( 'жълто' ) . проверено = вярно ;
}
функция colorUncheck ( ) {
документ. getElementById ( 'жълто' ) . проверено = невярно ;
}
сценарий >
В горния кодов фрагмент:
- Първата функция ' colorCheck() ” използва „ document.getElementById() ” за извличане на бутона за избор, свържете „ проверено ” и задайте стойността му на „true”.
- От друга страна, функцията „ colorUncheck() ” задава стойността на „ проверено ” свойството на „false” спрямо избрания радио бутон.
Изход
Както се вижда, изходът проверява бутона „Радио“ при щракване върху бутона (с име „Проверка“) и премахва отметката“ при щракване на бутона („Премахване на отметката“).
Пример 2: Връщане на „отметната“ стойност на входното радио
Този пример прилага свойството Input Radio „проверено“, за да върне състоянието на целевия бутон „Радио“ като булева стойност.
HTML код
Разгледайте следния HTML код:
< стил на тялото = 'подравняване на текст: център' >< h2 > HTML DOM Input Radio Проверена собственост h2 >
Цвят : < тип вход = 'радио' проверено = вярно документ за самоличност = 'жълто' > Жълто < бр >< бр >
< бутон при щракване = 'colorCheck()' > Проверете 'жълто' бутон >
< p id = 'проба' >< стр >
В горния кодов блок „ Радио ” се създава бутон и състоянието на „ проверено ” свойството е зададено на „ вярно ”. След това, по подобен начин, посочената функция се извиква чрез прикачения „ onclick ” събитие с бутона.
JavaScript код
Сега разгледайте следните редове код:
< сценарий >функция colorCheck ( ) {
където = документ. getElementById ( 'жълто' ) . defaultChecked ;
документ. getElementById ( 'проба' ) . innerHTML = T ;
}
сценарий >
В горния кодов фрагмент:
- Дефинирайте функция с име ' colorCheck() ”.
- В неговата дефиниция приложете „ document.getElementById() ” за достъп до бутона „Радио”, използвайки неговия идентификатор „жълто” и свързване на „ defaultChecked ”, за да проверите стойността по подразбиране на проверено ' атрибут.
- Накрая приложете „ document.getElementById() ”, за да извлечете включени празен абзац и да покажете състоянието на свойството „проверено”.
.
Изход
Както е анализирано, резултатът връща състоянието на дадения бутон „Радио“, т.е. „ вярно ” при натискане на бутона.
Заключение
В JavaScript свойството HTML DOM Input Radio „проверено“ е полезно за задаване и връщане на отметнато състояние на бутона „Радио“. Зададеният синтаксис на свойството „проверено“ работи върху две стойности „ вярно ' и ' невярно ”. От друга страна, неговият синтаксис за връщане не изисква никакъв параметър. Тази статия демонстрира целта, функционалността и използването на свойството „проверено“ на HTML DOM Input Radio в JavaScript.