jquery - 通过检查其中复选框的值来更改 的背景

Question

下面是我的代码，但它不起作用..

    $('TABLE TBODY TR TD').click(function()
                         {
                        var color=$(this).css('background-color');
                        var x=$(this).find(':checkbox').prop('checked');
                        if(x)
                        {
                         $(this).index();
                         $(this).css("background-color", "red");                          
                        }
                        });

这是我的 HTML

    <table>
    <tr><td><input type="checkbox"></td><td><input type="radio"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="radio"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="radio"></td></tr>
    </table>

请有人帮助我。

Answer 1

也许这样的方法会更好一些。

$("td input[type=checkbox]").click(function(){
    if($(this).is(':checked'))
        $(this).parent("td").css("background-color", "red");
});