Properti Input Checkbox checked

Objek Input Checkbox DOM HTML

Definisi dan penggunaan

checked Setel atau kembalikan keadaan terpilih kotak centang.

Properti ini mencerminkan properti HTML checked.

Lihat juga:

Panduan HTML:Sifat checked <input> HTML

Contoh

Contoh 1

Tetapkan keadaan terpilih kotak centang:

function check() {
    document.getElementById("myCheck").checked = true;
}
function uncheck() {
    document.getElementById("myCheck").checked = false;
}

Coba sendiri

Contoh 2

Cek apakah kotak centang terpilih:

var x = document.getElementById("myCheck").checked;

Coba sendiri

Contoh 3

Gunakan kotak centang untuk menjadikan teks input dalam huruf besar:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Coba sendiri

Contoh 4

Beberapa kotak centang dalam formulir:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "Kopi yang anda pilih ditambahkan dengan: " + txt;

Coba sendiri

Sintaks

Kembalikan properti checked:

checkboxObject.checked

Tetapkan properti checked:

checkboxObject.checked = benar|tidak benar

Nilai sifat

Nilai Penerangan
true|false

Menentukan sama ada kotak centang sepatutnya dipilih atau tidak.

  • true - Kotak centang dipilih
  • false - Lengkap. Kotak centang tidak dipilih

Butiran teknikal

Hasil kembalian: Bilangan Boolean, jika kotak centang dipilih, kembalikan trueJika kotak centang tidak dipilih, kembalikan false.

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek Input Checkbox DOM HTML