ラジオボタンの選択で特定要素の属性を変更したい

Question

ラジオボタンを選択することをトリガーに特定要素の属性を変更したいです。

具体的には以下の構成で、ラジオボタン選択でhoge要素のstyle属性を削除したいです。

<div class="hoge" style="background-color:#000">
<table>
    <tbody>
        <tr>
            <td><label><input type="radio">ラベル1</label></td>
            <td><label><input type="radio">ラベル2</label></td>
        </tr>
        <tr>
            <td><label><input type="radio">ラベル3</label></td>
            <td><label><input type="radio">ラベル4</label></td>
        </tr>
        <tr>
            <td><label><input type="radio">ラベル5</label></td>
            <td><label><input type="radio">ラベル6</label></td>
        </tr>
    </tbody>
</table>
</div>

ご教授の程よろしくお願いいたします。

Answer 1

上の方がjQueryを使って回答されているのであえてjQueryを利用しない書き方で回答します。

onClickのイベントでクリックされた時のイベントを取るようにしてます。
またdivは一意の要素でいいならIDの方が扱いやすいのでIDとしました。

<script type="text/javascript">
  function radioClicked() {
    document.getElementById("hoge").style.background="";
  }
</script>
<div id="hoge" style="background-color:#000">
<table>
    <tbody>
        <tr>
            <td><label><input type="radio" onclick="radioClicked();">ラベル1</label></td>
            <td><label><input type="radio">ラベル2</label></td>
        </tr>
        <tr>
            <td><label><input type="radio">ラベル3</label></td>
            <td><label><input type="radio">ラベル4</label></td>
        </tr>
        <tr>
            <td><label><input type="radio">ラベル5</label></td>
            <td><label><input type="radio">ラベル6</label></td>
        </tr>
    </tbody>
</table>
</div>

Comments

[castail]

ご回答ありがとうございます。

せっかくですが先にご回答頂いた「just」様をベストアンサーに選ばせていただきました。

Answer 2

$("input[type=radio]").click(function(){
	$(".hoge").removeAttr("style");
});

でいかがでしょうか？

Comments

[castail]

ご回答ありがとうございます。

ご教授頂いた内容で実現できました！
ありがとうございました。