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

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

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

Answer 3

如果类不存在，则Toggle类将添加该类，如果是，则将其删除。如果您希望它交换类，请使用addClass和removeClass：

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

jQuery为表添加边框

3 个答案: