Изменение вида текста

Для изменения вида данного текста нажимайте переключатели

Исходный код этого примера:

<p>
    <span id="B" style="font-family: 'Times New Roman', serif; font-size: 18px;">Для изменения вида данного текста нажимайте переключатели</span>
</p>
<form name="ff">
    <table>
        <tr>
            <td>
                <label><input type="radio" name="fnt" checked
                onClick="document.getElementById('B').style.fontFamily='TimesRoman'"> TimesRoman</label>
            </td>
            <td>
                <label><input type="radio" name="brd" checked
                onClick="document.getElementById('B').style.border='none'"> Без рамки</label>
            </td>
        </tr>
        <tr>
            <td>
                <label><input type="radio" name="fnt"
                onClick="document.getElementById('B').style.fontFamily='Arial'"> Arial</label>
            </td>
            <td>
                <label><input type="radio" name="brd"
                onClick="document.getElementById('B').style.border='solid'"> В рамке</label>
            </td>
        </tr>
        <tr>
            <td>
                <label><input type="radio" name="fnt"
                onClick="document.getElementById('B').style.fontFamily='Courier'"> Courier</label>
            </td>
            <td>
                <label><input type="radio" name="brd"
                onClick="document.getElementById('B').style.border='double'"> В двойной рамке</label>
            </td>
        </tr>
    </table>
</form>