Ιδιότητα checked του Input Radio

Ορισμός και χρήση

checked Ρυθμίζει ή επιστρέφει την κατάσταση επιλογής του κουμπιού επιλογής.

Αυτή η ιδιότητα αντικατοπτρίζει την ιδιότητα checked του HTML.

Δείτε επίσης:

Εγχειρίδιο HTML:HTML <input> checked ιδιότητα

Παράδειγμα

Παράδειγμα 1

Επιλέξε και απενεργοποίησε το επιλεγμένο κουμπί επιλογής:

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

Προσπάθησε το προσωπικά

Παράδειγμα 2

Ελέγξε αν το κουμπί επιλογής είναι επιλεγμένο:

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

Προσπάθησε το προσωπικά

Παράδειγμα 3

Χρησιμοποίησε τα κουμπιά επιλογής για να μετατρέψεις το κείμενο του πεδίου εισαγωγής σε κεφαλαία:

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

Προσπάθησε το προσωπικά

Παράδειγμα 4

Κάποιες επιλογές στο έξωτερικό του έγκυκλου:

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 = "Ο καφές που παραγγέλσατε περιλαμβάνει: " + txt;

Προσπάθησε το προσωπικά

Γλώσσα γραμματοσειράς

Επιστρέφει τη ιδιότητα checked:

radioObject.checked

Θέτει τη ιδιότητα checked:

radioObject.checked = true|false

Αξία ιδιότητας

Τιμή Περιγραφή
true|false

Ορίζει αν το κουμπί επιλογής θα πρέπει να είναι επιλεγμένο

  • true - το κουμπί επιλογής είναι επιλεγμένο
  • false - προεπιλεγμένο. Το κουμπί επιλογής δεν είναι επιλεγμένο

Τεχνικά λεπτομέρειες

Αποτελεσματική τιμή: 布尔值, αν ο κουμπί επιλογής είναι επιλεγμένο, επιστρέφει true; αν όχι, επιστρέφει false.

Υποστήριξη περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη