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

Ваш идентификатор флажка "checkbox2". Таким образом, селектор для вашего флажка - $("#checkbox2"), а идентификатор вашей таблицы - "корзина", а селектор - $("#cart")

Попробуйте

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

Answer 2

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

Событие щелчка должно быть прикреплено к флажку по ID, а не по имени.

Answer 3

Toggle class добавит класс, если его нет, и удалит его, если он есть. Если вы хотите поменять классы, используйте addClass и removeClass:

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