Ilalarawan ng write-up na ito ang pamamaraan upang suriin at alisin ang check sa checkbox gamit ang JavaScript.
Paano Suriin/Alisan ng tsek ang Checkbox Gamit ang JavaScript?
Upang lagyan ng check o alisan ng check ang mga checkbox sa JavaScript, gamitin ang “ sinuri ” katangian. Una, kunin ang sanggunian ng elemento ng HTML ' checkbox 'sa tulong ng itinalaga nito' id ' gamit ang ' getElementById() 'paraan, at pagkatapos, ilapat ang ' sinuri ” ari-arian sa halaga nito.
Halimbawa 1: Lagyan ng check/Alisin ang check sa Single Checkbox
Una, lumikha ng HTML file, na may mga sumusunod na linya ng code:
< h3 > I-click ang mga button para lagyan ng check o alisan ng check ang checkbox h3 >
< uri ng input = 'checkbox' id = 'checkbox' > Sumang-ayon sa mga tuntunin at kundisyon < br >< br >
< uri ng pindutan = 'button' onclick = 'check()' > Oo pindutan >
< uri ng pindutan = 'button' onclick = 'uncheck()' > Hindi pindutan >
Sa code sa itaas:
- Gumawa ng checkbox, na may id na ' checkbox 'na gagamitin para ma-access ang elemento' checkbox ” upang magsagawa ng mga aksyon.
- Lumikha ng dalawang pindutan, ' Oo 'at' Hindi ”, upang lagyan ng tsek o alisan ng tsek ang checkbox na magti-trigger ng function na “ check() 'at' alisan ng tsek() ” ayon sa pagkakabanggit sa kaganapan ng pag-click.
Pagkatapos isagawa ang code sa itaas, ang output ay magiging ganito:
Susunod, tukuyin ang mga function upang magsagawa ng mga aksyon sa checkbox sa JavaScript file o sa tag. Upang suriin ang checkbox, gamitin ang mga linya ng code sa ibaba:
function suriin ( ) {
hayaan ang input = dokumento. getElementById ( 'checkbox' ) ;
input. sinuri = totoo ;
}
Sa code sa itaas:
- Tukuyin ang isang function ' check() ” na magti-trigger sa pag-click sa pindutan upang suriin ang checkbox.
- Sa loob ng katawan ng function, kunin ang reference ng checkbox gamit ang id nitong ' checkbox 'sa tulong ng' getElementById() 'paraan at iimbak ito sa isang variable' input ”.
- Lagyan ng check ang checkbox sa pamamagitan ng pagtatakda ng “ sinuri ' ari-arian ' totoo ”.
Upang alisan ng tsek ang checkbox sa pamamagitan ng pag-click sa “ Hindi ”, gamitin ang ibinigay na code sa ibaba:
function alisan ng tsek ( ) {hayaan ang input = dokumento. getElementById ( 'checkbox' ) ;
input. sinuri = mali ;
}
Ang snippet ng code sa itaas:
- Tukuyin ang isang function ' alisan ng tsek() ” na magti-trigger sa pag-click sa button para alisan ng check ang checkbox.
- Sa loob ng katawan ng function, kunin ang reference ng checkbox gamit ang id nitong ' checkbox 'sa tulong ng' getElementById() 'paraan at iimbak ito sa isang variable' input ”.
- Alisan ng tsek ang checkbox sa pamamagitan ng pagtatakda ng “ sinuri ' ari-arian ' mali ”.
Panghuli, tukuyin ang isang function upang alisan ng tsek ang checkbox bilang default sa pag-load ng pahina gamit ang “ window.onload ” kaganapan:
bintana. onload = function ( ) {bintana. addEventListener ( 'load' , suriin , mali ) ;
}
Output
Ang output ay nagpapahiwatig na ang checkbox ay nasuri at matagumpay na na-uncheck habang nag-click sa mga pindutan.
Halimbawa 2: Lagyan ng check/Alisan ng check ang Maramihang Mga Checkbox
Tingnan natin ang isang halimbawa kung paano suriin o alisan ng check ang lahat ng mga checkbox nang sabay-sabay.
Una, gumawa ng HTML file, at pagkatapos ay gumawa ng maraming checkbox at isang button na may id na “ magpalipat-lipat ” na magpapalipat-lipat sa checkbox upang lagyan ng tsek o alisan ng check:
< h3 > I-click ang button para lagyan o alisan ng check ang lahat ng checkbox h3 >< uri ng input = 'checkbox' klase = 'checkbox' > Lagyan ng tsek o alisan ng tsek ako < br >
< uri ng input = 'checkbox' klase = 'checkbox' > Lagyan ng tsek o alisan ng tsek ako < br >
< uri ng input = 'checkbox' klase = 'checkbox' > Lagyan ng tsek o alisan ng tsek ako < br >
< uri ng input = 'checkbox' klase = 'checkbox' > Lagyan ng tsek o alisan ng tsek ako < br >
< uri ng input = 'checkbox' klase = 'checkbox' > Lagyan ng tsek o alisan ng tsek ako < br >< br >
< uri ng input = 'button' id = 'ilipat' halaga = 'I-click upang i-toggle ang mga checkbox' >
Ang kaukulang output ay:
Pagkatapos noon, sa isang JavaScript file o