Thuộc tính checked của Input Checkbox

Đối tượng Input Checkbox DOM HTML

Định nghĩa và cách sử dụng

checked Đặt hoặc trả về trạng thái chọn của hộp kiểm.

Thuộc tính này phản ánh thuộc tính checked của HTML.

Xem thêm:

Hướng dẫn HTML:Thuộc tính checked của HTML <input>

Mô hình

Ví dụ 1

Đặt trạng thái chọn của hộp kiểm:

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

Thử ngay

Ví dụ 2

Kiểm tra xem hộp kiểm có được chọn hay không:

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

Thử ngay

Ví dụ 3

Sử dụng hộp kiểm để chuyển văn bản trong trường nhập thành chữ hoa:

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

Thử ngay

Ví dụ 4

Một số hộp kiểm trong biểu mẫu:

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 = "Bạn đã chọn cà phê thêm: " + txt;

Thử ngay

Cú pháp

Trả về thuộc tính checked:

checkboxObject.checked

Đặt thuộc tính checked:

checkboxObject.checked = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa có nên chọn hộp kiểm hay không.

  • true - Hộp kiểm được chọn
  • false - Mặc định. Hộp kiểm không được chọn

Chi tiết kỹ thuật

Giá trị trả về: Giá trị Boole, nếu chọn hộp kiểm, thì trả về truenếu không chọn hộp kiểm, thì trả về false.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng Input Checkbox DOM HTML