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