Овај текст ће описати процедуру за потврду и поништавање поља за потврду користећи ЈаваСцрипт.
Како да потврдите/поништите избор у пољу за потврду користећи ЈаваСцрипт?
Да бисте потврдили или опозвали избор поља за потврду у ЈаваСцрипт-у, користите „ проверено ” атрибут. Прво, набавите референцу ХТМЛ елемента “ поље за потврду “ уз помоћ додељеног “ ид ' помоћу ' гетЕлементБиИд() ”, а затим примените „ проверено ” имовине на њену вредност.
Пример 1: Означите/поништите избор у пољу за потврду Сингле
Прво направите ХТМЛ датотеку са следећим редовима кода:
< х3 > Кликните на дугмад да бисте потврдили или поништили избор у пољу за потврду х3 >
< тип уноса = 'поље за потврду' ид = 'поље за потврду' > Слажем се са условима < бр >< бр >
< тип дугмета = 'дугме' онцлицк = 'проверавати()' > да дугме >
< тип дугмета = 'дугме' онцлицк = 'поништи ()' > Јок дугме >
У горњем коду:
- Направите поље за потврду са ИД-ом “ поље за потврду ” који ће се користити за приступ елементу “ поље за потврду ” за обављање радњи.
- Направите два дугмета, “ да ' и ' Јок ”, да потврдите или поништите избор у пољу за потврду које ће покренути функцију „ проверавати() ' и ' поништи () ” односно на догађај клика.
Након извршавања горњег кода, излаз ће бити овакав:
Затим дефинишите функције за обављање радњи на пољу за потврду у ЈаваСцрипт датотеци или ознаци. Да бисте означили поље за потврду, користите следеће линије кода:
функција проверавати ( ) {
нека унос = документ. гетЕлементБиИд ( 'поље за потврду' ) ;
улазни. проверено = истинито ;
}
У горњем коду:
- Дефинишите функцију ' проверавати() ” који ће покренути кликом на дугме да бисте потврдили избор у пољу за потврду.
- Унутар тела функције, набавите референцу поља за потврду користећи њен ИД “ поље за потврду ” уз помоћ „ гетЕлементБиИд() ” метод и сачувајте га у променљивој “ улазни ”.
- Означите поље за потврду постављањем „ проверено ' имовина ' истинито ”.
Да бисте опозвали избор у пољу за потврду кликом на „ Јок “, користите код испод:
функција опозовите избор ( ) {нека унос = документ. гетЕлементБиИд ( 'поље за потврду' ) ;
улазни. проверено = лажно ;
}
Горњи исечак кода:
- Дефинишите функцију ' поништи () ” који ће покренути кликом на дугме да поништите избор у пољу за потврду.
- Унутар тела функције, набавите референцу поља за потврду користећи њен ИД “ поље за потврду ” уз помоћ „ гетЕлементБиИд() ” метод и сачувајте га у променљивој “ улазни ”.
- Опозовите избор у пољу за потврду постављањем „ проверено ' имовина ' лажно ”.
На крају, дефинишите функцију која ће подразумевано опозвати избор у пољу за потврду при учитавању странице користећи „ виндов.онлоад ” догађај:
прозор. на оптерећење = функција ( ) {прозор. аддЕвентЛистенер ( 'учитавање' , проверавати , лажно ) ;
}
Излаз
Излаз означава да је поље за потврду означено и опозвано успешно док се кликне на дугмад.
Пример 2: Означите/поништите избор више поља за потврду
Хајде да видимо пример како да потврдите или поништите све потврдне оквире истовремено.
Прво направите ХТМЛ датотеку, а затим направите више поља за потврду и дугме са ИД-ом „ искључи ” који ће укључити поље за потврду да бисте га означили или опозвали:
< х3 > Кликните на дугме да бисте потврдили или поништили сва поља за потврду х3 >< тип уноса = 'поље за потврду' класа = 'поље за потврду' > Означите или одзначите ме < бр >
< тип уноса = 'поље за потврду' класа = 'поље за потврду' > Означите или одзначите ме < бр >
< тип уноса = 'поље за потврду' класа = 'поље за потврду' > Означите или одзначите ме < бр >
< тип уноса = 'поље за потврду' класа = 'поље за потврду' > Означите или одзначите ме < бр >
< тип уноса = 'поље за потврду' класа = 'поље за потврду' > Означите или одзначите ме < бр >< бр >
< тип уноса = 'дугме' ид = 'искључи' вредност = „Кликните да бисте укључили поља за потврду“ >
Одговарајући излаз ће бити:
Након тога, у ЈаваСцрипт датотеку или ознаку <сцрипт>, додајте код испод да бисте једним кликом потврдили или опозвали избор поља за потврду са листе поља за потврду. Прво, узмите референцу дугмета користећи његов ИД „тоггле“ и сачувајте га у променљивој „буттон“, а затим приложите догађај онцлицк и позовите функцију „ цхецкАллБокес ” који ће проверити листу поља за потврду, а затим позвати следећу функцију “ поништите избор свих поља ”:
био дугме = документ. гетЕлементБиИд ( 'искључи' ) ;дугме. онцлицк = цхецкАллБокес ;
Да бисте потврдили избор у пољу за потврду, користите доле наведени код
функција цхецкАллБокес ( ) {био улазни = документ. куериСелецторАлл ( '.поље за потврду' ) ;
за ( био и = 0 ; и < улазни. дужина ; и ++ ) {
улазни [ и ] . проверено = истинито ;
}
ово . онцлицк = поништите избор свих поља ;
}
У овом коду изнад:
- Прво дефинишите функцију ' цхецкАллБокес() ” који ће се покренути кликом на дугме да бисте потврдили сва поља за потврду.
- Унутар тела функције, набавите референце свих поља за потврду користећи њихове додељене класе “ поље за потврду ” уз помоћ „ куериСелецторАлл() ” метод и сачувајте га у променљивој “ улазни ”.
- Поновите поља за потврду и поставите „ проверено ' имовина ' истинито ” да бисте означили сва поља за потврду.
- Након што означите сва поља за потврду, позовите другу функцију “ поништите избор свих поља ” на догађај клика да бисте пребацили дугме.
Да бисте поништили листу поља за потврду кликом на дугме, користите следеће линије кода:
функција поништите избор свих поља ( ) {био улазни = документ. куериСелецторАлл ( '.поље за потврду' ) ;
за ( био и = 0 ; и < улазни. дужина ; и ++ ) {
улазни [ и ] . проверено = лажно ;
}
ово . онцлицк = цхецкАллБокес ;
}
У овом горњем исечку кода:
- Дефинишите функцију ' поништите избор свих поља () ” који ће се покренути кликом на дугме да бисте поништили сва поља за потврду.
- Унутар тела функције, набавите референце свих поља за потврду користећи њихове додељене класе “ поље за потврду ” уз помоћ „ куериСелецторАлл() ” метод и сачувајте га у променљивој “ улазни ”.
- Поновите поља за потврду и поставите „ проверено ' имовина ' лажно ” да бисте поништили сва поља за потврду.
- Након тога, позовите другу функцију ' цхецкАллБокес ” на догађај клика да бисте пребацили дугме.
Излаз
Излаз показује да је листа поља за потврду успешно означена или опозвана једним дугметом.
Закључак
Да бисте потврдили или опозвали избор у пољу за потврду, користите „ проверено ' имовина. Након добијања референце елемента “ поље за потврду ” користећи свој “ ид ” уз помоћ „ гетЕлементБиИд() ”, означите поље за потврду постављањем „ проверено ' приписати ' истинито ”. Слично томе, поставите „ проверено ' приписати ' лажно ” да поништите избор у пољу за потврду. Овај текст описује процедуру за потврду и поништавање поља за потврду користећи ЈаваСцрипт.