jQuery向表中添加边框

我是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。

您的复选框id是checkbox2。因此，复选框的选择器是$checkbox2，表id是cart，选择器是$cart

试一试

---

您的复选框id是checkbox2。因此，复选框的选择器是$checkbox2，表id是cart，选择器是$cart

试一试

---

Toggle类将添加不存在的类，并删除存在的类。如果希望它交换类，请使用addClass和removeClass：

---

Toggle类将添加不存在的类，并删除存在的类。如果希望它交换类，请使用addClass和removeClass：

单击事件应按ID而不是名称附加到复选框

单击事件应按ID而不是名称附加到复选框

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

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

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