Pengendalian Kotak Semak dalam JavaScript
Sekarang kita akan belajar mengendalikan kotak semak. Kotak semak ialah tanda ✓ khas yang boleh berada dalam dua keadaan: disemak dan tidak.
Kotak semak dicipta seperti berikut:
<input type="checkbox" id="elem">
Untuk menjadikan kotak semak disemak - ia perlukan
atribut checked:
<input type="checkbox" checked id="elem">
Mari kita semak keadaan kotak semak kita sebagai contoh:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Diberi satu kotak semak dan dua butang. Apabila butang pertama diklik, tetapkan kotak semak kepada keadaan disemak, dan apabila butang kedua diklik - kepada keadaan tidak disemak.
Diberi satu kotak semak, satu butang dan satu perenggan. Apabila
butang diklik, jika kotak semak disemak, paparkan
perkataan 'hello' dalam perenggan, dan jika kotak semak
tidak disemak, paparkan perkataan 'bye'.