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

Đối tượng Input Radio DOM HTML

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

checked Thiết lập hoặc trả về trạng thái chọn của nút chọn.

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 <input> HTML

Mô hình

Ví dụ 1

Chọn và bỏ chọn nút chọn cụ thể:

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

Thử ngay

Ví dụ 2

Kiểm tra xem nút chọn có được chọn hay không:

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

Thử ngay

Ví dụ 3

Sử dụng nút chọn để chuyển văn bản trong trường nhập thành chữ in hoa:

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

Thử ngay

Ví dụ 4

Một số nút chọn 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:

radioObject.checked

Đặt thuộc tính checked:

radioObject.checked = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa có nên chọn nút chọn hay không.

  • true - Nút chọn được chọn
  • false - Mặc định. Nút chọn không được chọn

Chi tiết kỹ thuật

Giá trị trả về: Giá trị boolean, trả về nếu nút chọn được chọn truengược lại 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 Radio DOM HTML