HTML5中，如何改变父元素的属性？

Question

有一个表格，每个td里有一个checkbox。现在需要实现，当某个checkbox被选中时，将所在td的背景色改为红色。如果checkbox又被取消，所在td的背景色变回白色。请问如何实现呢？

Answer 1

用jquery 提示几个点你自己去做吧
$(":checkbox")//你要的checkbox元素；

$(’.classname‘).attr("checked") =true;//表示选中；
$(‘.classname’).parent();//获得元素的直接父亲；
$('.classname').parent('.tdname');//获得指定的父级元素；
$('.classname').closest('td');获得最近的td元素；
至于修改样式是用toggleClass还是.css就看你啦~

Answer 2

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<table>
      <tr>
        <td><input type="checkbox" /></td>
        <td><input type="checkbox" /></td>
        <td><input type="checkbox" name="check" /></td>
      </tr>
      <tr>
        <td><input type="checkbox" /></td>
        <td><input type="checkbox" /></td>
        <td><input type="checkbox" /></td>
      </tr>
    </table>
    <script type="text/javascript">
      $("input[type='checkbox']").bind('click',function(){
        if($(this).attr('checked') == 'checked'){
          $('td').css('background-color','red');
        }else{
          $('td').css('background-color','#fff');
        }
      });
    </script>

Answer 3

用js吧 判断有checked的就把背景改了 没有的就白色