Bu makale, JavaScript'te HTML DOM Giriş Radyosu 'kontrol edildi' özelliğinin amacını, işlevselliğini ve kullanımını gösterir.
JavaScript'teki HTML DOM Giriş Radyosu 'kontrol edildi' Özelliği nedir?
Giriş Radyosu 'kontrol edildi' özelliği, 'Radyo' düğmesinin durumunu ayarlamak ve kontrol etmek için HTML formlarında ve giriş alanlarında çalışır.
Sözdizimi (Kontrol Edilen Özelliği Ayarla)
radyoObject. kontrol = doğru | YANLIŞTanımlanan dönüş sözdizimine göre 'checked' özelliği aşağıda listelenen iki parametreyi destekler:
- doğru: Karşılık gelen öğenin kontrol edildiğini gösterir.
- YANLIŞ: Karşılık gelen öğenin işaretli olmadığını gösterir.
Sözdizimi (İade Edilen Özellik)
radyoObject. kontrol Yukarıdaki sözdiziminde, “ radyonesnesi ” HTML'yi ifade eder “
Yukarıda tanımlanan sözdizimlerini kullanarak HTML DOM Input Radio “checked” özelliğinin kullanımını verilen pratik örnekler yardımıyla açıklayalım.
Örnek 1: Giriş Radyosu 'kontrol edildi' Özelliğini Uygulama Temel Söz Dizimini Kullanma
İlk örnekte, tanımlanmış genelleştirilmiş sözdizimini kullanarak 'kontrol edildi' özelliğini ayarlamak için 'Radyo' düğmesi oluşturulur.
HTML Kodu
İlk olarak, belirtilen HTML koduna bakın:
< vücut sitili = 'metin hizalama: merkez' >
< h2 > HTML DOM Girişi Radyo Kontrollü Özellik h2 >
Renk : < giriş tipi = 'radyo' İD = 'sarı' > Sarı < br >< br >
< tıklama düğmesi = 'renkKontrol()' > Kontrol etmek 'sarı' düğme >
< tıklama düğmesi = 'renkUncheck()' > İşareti kaldır 'sarı' düğme >
Yukarıdaki kod satırlarında:
- “
” etiketi, “ ile hizalanan gövde bölümünü tanımlar. merkez ”. - “ ” etiketi ilk alt başlığı belirtir.
- “
” etiketi, giriş türünü “ belirterek bir “Radyo” düğmesi ekler. radyo ” atanmış bir kimlikle “ sarı ”. - “
” etiketi, “ ile ilişkili basit bir düğme ekler. tıklamada ' olayını yürütmek için ' renk Kontrolü() ” düğmesine tıklandığında erişilecek olan işlev. - Aynı şekilde başka bir “
” etiketi, “ öğesini çağırmak için bir düğme oluşturur. colorUncheck() ” düğmesine tıklandığında işlev görür.
JavaScript Kodu
Ardından, verilen JavaScript kodunu izleyin:
< senaryo >fonksiyon colorCheck ( ) {
belge. getElementById ( 'sarı' ) . kontrol = doğru ;
}
işlev rengiİşareti kaldır ( ) {
belge. getElementById ( 'sarı' ) . kontrol = YANLIŞ ;
}
senaryo >
Yukarıdaki kod parçacığında:
- İlk işlev ' renk Kontrolü() ”, “ Document.getElementById() ” radyo düğmesini getirme yöntemi, “ kontrol ” özelliği ve değerini “true” olarak ayarlayın.
- Öte yandan, işlev ' colorUncheck() ”, “ değerini ayarlar. kontrol ” özelliğini, erişilen Radyo düğmesine karşı “false” olarak değiştirin.
Çıktı
Görüldüğü gibi çıkış buton(“Check”) tıklandığında “Radio” butonunu kontrol eder ve butonun(“Uncheck”) tıklandığında işaretini kaldırır.
Örnek 2: Giriş Radyosunun 'kontrol edildi' Değerini Döndürme
Bu örnek, hedeflenen 'Radyo' düğmesinin durumunu bir boole değeri olarak döndürmek için Giriş Radyosu 'kontrol edildi' özelliğini uygular.
HTML Kodu
Aşağıdaki HTML kodunu göz önünde bulundurun:
< vücut sitili = 'metin hizalama: merkez' >< h2 > HTML DOM Girişi Radyo Kontrollü Özellik h2 >
Renk : < giriş tipi = 'radyo' kontrol = doğru İD = 'sarı' > Sarı < br >< br >
< tıklama düğmesi = 'renkKontrol()' > Kontrol etmek 'sarı' düğme >
< p kimliği = 'örnek' >< P >
Yukarıdaki kod bloğunda “ Radyo ” düğmesi oluşturulur ve “ durumu kontrol ” özellik “ olarak ayarlandı doğru ”. Bundan sonra, benzer şekilde, belirtilen işlev ekteki “ aracılığıyla çağrılır. tıklamada ” butonu ile olay.
JavaScript Kodu
Şimdi, aşağıdaki kod satırlarını göz önünde bulundurun:
< senaryo >fonksiyon colorCheck ( ) {
Neresi = belge. getElementById ( 'sarı' ) . varsayılanİşaretli ;
belge. getElementById ( 'örnek' ) . içHTML = T ;
}
senaryo >
Yukarıdaki kod parçacığında:
- “ adlı bir işlev tanımlayın. renk Kontrolü() ”.
- Tanımında, “ Document.getElementById() ” yöntemi, “sarı” kimliğini kullanarak “Radyo” düğmesine erişmek ve “ varsayılanİşaretli ' özelliğinin varsayılan değerini kontrol etmek için ' özelliği kontrol ' bağlanmak.
- Son olarak, “ Document.getElementById() Dahil edilen boş paragrafı getirmek ve 'checked' özelliğinin durumunu görüntülemek için tekrar ' yöntemini kullanın.
.
Çıktı
Analiz edildiği gibi sonuç, verilen 'Radyo' düğmesinin durumunu döndürür, yani, ' doğru ” butonuna tıklayın.
Çözüm
JavaScript'te, HTML DOM Giriş Radyosu 'kontrol edildi' özelliği, 'Radyo' düğmesinin kontrol edilen durumunu ayarlamak ve döndürmek için kullanışlıdır. 'Checked' özelliğinin set sözdizimi iki değer üzerinde çalışır ' doğru ' Ve ' YANLIŞ ”. Öte yandan, dönüş sözdizimi herhangi bir parametre gerektirmez. Bu makale, JavaScript'te HTML DOM Giriş Radyosu 'kontrol edildi' özelliğinin amacını, işlevselliğini ve kullanımını gösterdi.