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 的答案是正确的，尽管这个答案要短得多。

小提琴（具有精美的过渡效果！：D）

Answer 2

//Classic
$("#checkBox-id").change(function(){
    $("#tableDist").toggleClass("opacity40");
});


// First way 
if($('#checkBox-id').attr('checked'))
{
   $("#tableDist").toggleClass("opacity40");
} 

// Second way 
if($('#checkBox-id').is(':checked'))
{
   $("#tableDist").toggleClass("opacity40");
} 

还...

// Third way for jQuery 1.2
$("input[@type=checkbox][@checked]").each( 
    function() { 
       $(this).toggleClass("opacity40");
    } 
);
// Third way == UPDATE jQuery 1.3
$("input[type=checkbox][checked]").each( 
    function() { 
       $(this).toggleClass("opacity40");
    } 
);

Answer 3

很少有更正和建议。

更正

1. 的拼写错误removeClass，rmoveClass改为 removeClass
2. 您还错过了 if 语句的右括号。

建议

1. 在表中添加一些数据。
2. 还将您的脚本放在头标签中或就在正文的结束标签之前。

现场演示

$("#tableDist").addClass("opacity40");
 $("input#mycheckbox").click(function () {
   if ($(this).is(":checked")) {
     $("#tableDist").removeClass("opacity40");
   } else {
     $("#tableDist").addClass("opacity40");
   }
});