Varsayılan Olarak Bir Radyo Düğmesi Nasıl Seçilir?
Varsayılan olarak ' kontrol ” özelliği radyo butonunu seçmek için kullanılır. Bu öznitelik birden fazla radyo düğmesinde kullanılıyorsa, varsayılan olarak en son radyo düğmesi seçilir. Radyo düğmesini varsayılan olarak seçmek için adım adım blogu izleyin:
1. Adım: Radyo Düğmeleri Oluşturun
HTML dosyasında üç radyo düğmesi oluşturun ve bunlarla etiketler ekleyin:
< merkez >
< h3 > Deneyim seviyenizi seçin: < / h3 >
< div >
< giriş tip = 'radyo' İD = 'acemi' isim = 'deneyim' değer = 'acemi' >
< etiket için = 'acemi' > Acemi < / etiket >
< / div >
< div >
< giriş tip = 'radyo' İD = 'orta seviye' isim = 'deneyim' değer = 'orta seviye' >
< etiket için = 'orta seviye' > Orta seviye < / etiket >
< / div >
< div >
< giriş tip = 'radyo' İD = 'ilerlemek' isim = 'deneyim' değer = 'ilerlemek' >
< etiket için = 'ilerlemek' > İlerlemek < / etiket >
< / div >
< / merkez >
Yukarıdaki kod parçacığında:
- Radyo düğmesi, basit '
” etiketleri ve türünü “ olarak ayarlama radyo ”. - Her radyo düğmesine 'ad', 'id' ve 'değer' atayın.
- Sonunda, “ İD eklemek için giriş alanının ”
' etiketini kullanarak ' için ' bağlanmak.
Komut dosyasını çalıştırdıktan sonra çıktı aşağıdaki gibidir:
Şekil, radyo düğmelerinin görüntülendiğini ancak hiçbirinin varsayılan olarak seçilmediğini göstermektedir.
2. Adım: Varsayılan Olarak Seçin
“ kontrol ” özelliği, radyo düğmesini otomatik olarak seçmek için kullanılır. Yalnızca bir seçeneği belirler. Bu nedenle, varsayılan olarak bir radyo düğmesi seçmek daha iyi bir yaklaşımdır. Kullanıcının doğru seçeneği seçmesini kısıtlar:
< div >
< giriş tip = 'radyo' İD = 'acemi' isim = 'deneyim' değer = 'acemi' kontrol edildi>
< etiket için = 'acemi' >Acemi< / etiket >
< / div >
Yukarıdaki kodda, kontrol niteliği kullanılır ve yalnızca ilk giriş alanına atanır.
Şimdi yukarıdaki kodu çalıştırdıktan sonra web sayfası şöyle görünür:
Çıktı, sayfanın her yenilenmesinde ilk radyo düğmesinin varsayılan olarak seçildiğini gösterir.
Bonus İpucu: Varsayılan Olarak Radyo Düğmesini Seçmek için JavaScript Kullanma
Varsayılan olarak JavaScript kullanarak bir radyo düğmesi seçmek için, id kullanarak radyo düğmesine erişin. Ardından, kontrol edilen özniteliğini seçin ve Boolean değerini aşağıdaki kodda olduğu gibi 'true' olarak ayarlayın:
< senaryo >Document.getElementById ( 'acemi' ) . kontrol = doğru;
< / senaryo >
Bu kodda “ acemi ”, varsayılan olarak seçilen o radyo düğmesinin kimliğidir.
Komut dosyasını derledikten sonra çıktı aşağıdaki gibidir:
Yukarıdaki anlık görüntüde, ilk radyo düğmesi JavaScript kullanılarak varsayılan olarak seçilmiştir.
Çözüm
Bir radyo düğmesi seçmek için, kullanıcılar “ kontrol ' bağlanmak. Kontrol edilen özellik birden fazla radyo düğmesinde kullanılıyorsa, radyo düğmesi en son 'kontrol edilen' özellik değerini alır. Varsayılan olarak JavaScript kullanarak bir radyo düğmesi seçmek için, id kullanarak radyo düğmesine erişin. Bu blog, radyo düğmesinin varsayılan olarak nasıl seçileceğini başarıyla gösterdi.