Atrybut checked pól wyboru wejściowych

Obiekt DOM Input Checkbox HTML

Definicja i użycie

checked Ustawienie lub zwracanie stanu zaznaczenia pól wyboru.

Ta właściwość odzwierciedla atrybut HTML checked.

Zobacz również:

Podręcznik HTML:Atrybut checked <input> HTML

Przykład

Przykład 1

Ustawienie stanu zaznaczenia pól wyboru:

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

Spróbuj sam

Przykład 2

Sprawdź, czy pól wyboru zostało zaznaczone:

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

Spróbuj sam

Przykład 3

Użycie pól wyboru do przekształcenia tekstu w pola wyboru na wielkie litery:

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

Spróbuj sam

Przykład 4

Kilka pól wyboru w formularzu:

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 = "Kawa, którą zamówiłeś zawiera: " + txt;

Spróbuj sam

Gramatyka

Zwrócenie atrybutu checked:

checkboxObject.checked

Ustawienie atrybutu checked:

checkboxObject.checked = prawda|fałsz

Wartość atrybutu

Wartość Opis
true|false

Określa, czy pudełko wyborcze powinno być zaznaczone.

  • true - pudełko wyborcze jest zaznaczone
  • false - domyślnie. Pudełko wyborcze nie jest zaznaczone

Szczegóły techniczne

Zwracana wartość: wartość logiczna, jeśli pudełko wyborcze jest zaznaczone, zwraca true, jeśli pudełko wyborcze nie jest zaznaczone, zwraca false.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt DOM Input Checkbox HTML