Radio Butonlardan Renk Değiştirme

Arkadaşlar üste resmini koyduğum siteyi yapmam gerekiyor. Html derslerini öğreniyorum kurstaki hocada ilk ödevin bu olsun dedi ve ödevi verdi herşeyi yaptım ama radio butonlarda kaldım 2 sorum olacak ;

1- Radio butonlardan hangisini seçersem işaretli kalıyor yani önce kırmızı sonra maviyi seçersem 2 butonda seçili kalıyor. Kırmızıdan maviye geçmiyor

2- Butondan rengi seçtikten sonra değiştire tıklayıp resimde yazdığım yerin taban renginin değişmesini nasıl yapabilirim ?? Teşekkürler

Merhaba Dostum öncelikle radio butonların hep birlikte hareket etmesini isitiyorsan yani birinine tıklayınca diğeri pasif durumu düşmesini istiyorsan isimlerini aynı vereceksin (1. Sorunun Cevabı)

<input type="radio" name="radio" id="kirmizi" value="kirmizi">
<input type="radio" name="radio" id="yesil" value="yesil">
<input type="radio" name="radio" id="mavi" value="mavi">

2.Sorunun Cevabı ise
öncelikle direk radio butonlara tıklanınca alanın rengi otomatik olarak değiştirelim yani "değiştir" butonu ile uğraşıp kodu uzatmayalım.

öncelikle rengini değiştirmek istediğin alana bir ad verelim rengini değiştirmek istediğin <td> Alanını bul

<td id="orta">

ismini verebilirsin
böylece nerenin rengini değiştireceğimizi belirledik.
şimdi bu işi yapacak olanları yapalım
aşağıdaki koduda radio butonları bölümüne yapıştır.

<label> <input type="radio" name="radio" id="kirmizi" value="kirimizi" onClick="document.getElementById('orta').style.background='#FF0000';" />Kırmızı</label>
        <label> <input type="radio" name="radio" id="yesil" value="yesil" onClick="document.getElementById('orta').style.background='#00FF00';" />Yeşil</label>
           <label> <input type="radio" name="radio" id="mavi" value="mavi" onClick="document.getElementById('orta').style.background='#0000FF';"  />Mavi</label>

yukarıdaki olay ise ad veriğimiz alanın arka rengini radio butonlarına tıklayınca değiştirmek

bir sorun olursa pm atabilirsin
Kolay gelsin