Datalist içinde RadioButton Gruplamak !

İlkten çok basit gibi görünen bir durum, fakat uğraşmaya başlayınca durumun böyle olmadığını görüyorsunuz. Senaryomuz şu şekilde;
verileri listelediğimiz bir DataList nesnemiz var, her satırın başında
bir RadioButton bulunuyor, biz kullanıcının sadece bir tane seçim
yapmasını istiyoruz (Şekil 1). Bir nevi RadioButtonList nesnesinin
yaptığı işi DataList içinde yapmak istiyoruz. Yaptığım araştırmalarda

CodePorject
de bir .dll sayesinde yapıldığını gördüm, fakat projeye bu .dll
yi eklemek işime gelmedi. Aklıma bu işin Javascript’ le çözülebileceği geldi ve
aramalarımı bu yönde sürdürdüm, en sonunda aradığım betiği buldum ve çok mutlu
oldum :) Sizlerlede paylaşmak istedim :)

 
Şekil 1

JavaScript Kodumuz

<script type="text/javascript">
function clickit() {
        var doc=document.all;
        var el=event.srcElement;
        if(el.tagName=="INPUT"&&el.type.toLowerCase()=="radio")
        {
                for(i=0;i<doc.length;i++)
                {
                        if(doc[i].tagName=="INPUT"&&doc[i].type.toLowerCase()=="radio")
                        {
                                doc[i].checked=false;
                        }
                }
        }
        el.checked=true;
}
</script>

Kullanımı ise şu şekilde

<asp:RadioButton ID="RadioButton1" runat="server" onclick="clickit();"/>