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複選框，沒有名字。