jquery - 选中复选框时将类添加到表

Question

如何在选中复选框后将类添加到表格，然后在取消选中后删除。我有以下脚本

   .opacity40{
    opacity:0.4;
    filter:alpha(opacity=40);
    }

    <input type="checkbox" name="checkbox" id="mycheckbox" />   

<script>
    $("#tableDist").addClass("opacity40");
        $("input#mycheckbox").click(function() {
            if($(this).is(":checked") {
                $("#tableDist").rmoveClass("opacity40");
            }
            else {
                $("#tableDist").addClass("opacity40");
            }
        })
</script>

      <table id="tableDist">
    </table>

Answer 1

$("#tableDist").addClass("opacity40");
$("input#mycheckbox").change(function () {
  $("#tableDist").toggleClass("opacity40");
});

Adil 的回答是正确的，尽管这个回答要短得多。

Fiddle (具有花哨的过渡效果!:D)