jQuery Ajouter une bordure à la table

Question

Je suis nouveau à jQuery, j'ai essayé ceci:

<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> 

Mais cela ne fonctionne pas, je veux que la case à cocher pour changer la classe de la table .mytable-.mytableborders.

Answer 1

L'identifiant de votre case à cocher est "checkbox2". Donc, le sélecteur pour votre case à cocher est $("#checkbox2"), et votre identifiant de table est « panier » et le sélecteur est $("#cart")

Essayez

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

Answer 2

classe Toggle ajoutera la classe si ce n'est pas présent et l'enlever si elle est. Si vous le souhaitez échanger les classes, utilisez addClass et removeClass:

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

Answer 3

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

L'événement click doit être attaché à la case à cocher par ID, pas le nom.