複数のラジオボタンをまとめて制御する

いーろいろ考えたけど、
実にシンプルに実装してやろうということで、
これで行こうかと思います。

まずは、JS

function onlyAble(){

    // ラジオのnameで項目を全て取得する。
    var f=document.getElementsByName('radiocategory');

    for(var i=0;i<f.length;i++){
        f[i].disabled=true;
    }

    // ラジオのidである項目を取得する。
    var onlyOne =document.getElementById('003');
    onlyOne.disabled=false;
}

次にHTML

<table>
    <tr>
        <td>
            <input name="radioSelect" type="radio" value="other" onclick="onlyAble()">あなただけ
        </td>
    </tr>
    <tr>
        <td>
            <input name="radiocategory" id="001" type="radio" value="category1" disabled>カテゴリー1
            <input name="radiocategory" id="002" type="radio" value="category2" disabled>カテゴリー2
            <input name="radiocategory" id="003" type="radio" value="category3" disabled>カテゴリー3
            <input name="radiocategory" id="004" type="radio" value="category4" disabled>カテゴリー4
        </td>
    </tr>
</table>