Değişken Sorunu

Merhabalar, bir form var ve bu formdan kullanıcının girdiği değerleri alıyorum. Bir input text alanı ve 4 tane radius alan var. Kullanıcı input texte yazıyı yazıp radio dan da şablon seçmesi bekleniyor ardından oluştur butonuna basıldığında iframe kodu veriyor. İnput textten veriyi çekiyorum fakat seçilen radio butonunun value değerini çekemiyorum.

var btn=document.getElementById("olustur");
                            btn.onclick=function(){
                                var sonstil = 0;
                                var konu='<?php echo $konu; ?>'
                                var ad=document.getElementById("WebsiteInput");
                                function displayRadioValue() {
                            var ele=document.getElementsByName("Stil");

                            for(i = 0; i < ele.length; i++) {
                                if(ele[i].checked)
                                 sonstil = ele[i].value;
                            }
                        }
document.getElementById("DisabledFormControlTextarea").value = 'İframe Kodu'
}

Örneğin for içinde sonstil değişkine değeri döndürüyorum fakat değer değişmiyor 0 olarak kalıyor. Yardım istediğim konu ise tıklanan radio butonunun value değerini nasıl bir değişkene aktarabilirim. Yada radio nun value sini çekmenin farklı bir yolu var mıdır?

document.getElementById("red").checked şeklinde alabilirsin

Element ID'sinden işlem yapamıyorum malesef, Bootstrap html olduğu için radio butonların element ıd lerine göre resim ekliyor. Bunu şu şekilde alabilmem mümkün müdür?

document.getElementsByName("red").checked

alabilirsin

undefined diye değer döndürüyor

https://stackoverflow.com/questions/...-using-the-dom

Teşekkürler.