jQuery的添加边框表

Question

我是新来的jQuery，我尝试这样做：

<input value="1" type="checkbox" name="mytable" id="checkbox2" style="float:left;" 
     /> 

{literal} 

<script src="http://code.jquery.com/jquery-latest.js"></script> 
      <script type="text/javascript"> 
$(function() { 
    //checkbox 
    $(".mytable").click(function(){ 
    $(".mytable").toggleClass('mytableborders'); 

    }); 
}); 
</script> 
{/literal} 

<table class="mytable" id="cart">....</table> 

但它不工作，我想的复选框类的表从.mytable改变.mytableborders。

Answer 1

您的复选框ID是“checkbox2”。因此，对于您的复选框的选择是$("#checkbox2")，你的表ID是“购物车”，并选择是$("#cart")

尝试

$("#checkbox2").click(function(){ 
    $("#cart").toggleClass('mytableborders'); 
}); 

Answer 2

切换类将添加的类别，如果它不存在，并删除它，如果它是。如果你希望它换了班，使用addClass和removeClass：

$(".mytable").removeClass('mytable').addClass('mytableborders'); 

Answer 3

$(function() { 
    $("#checkbox2").click(function(){ 
    $("#cart").toggleClass('mytableborders'); 
    }); 
}); 

click事件应附由ID复选框，没有名字。